Javascript doesn't work in html file

Question

I have html file:

<html>
  <head>
    <script type="text/javascript" src="new.js"></script>

  </head>
  <body>
    <p id="contentBI" >you should click here! </p>
  </body>
</html>

and javascript file:

function doAlert() {
  alert("hi!");
}

function addevent () {
  theBI=document.getElementById("contentBI");
  theBI.addEventListener("click",doAlert);
}

document.addEventListener("load",addevent);

Javascript doesn't run.

@VigneswaranMarimuthu yes I put it in head tag. but I don't know why it is not displayed in question. — Saeedeh
– Saeedeh, Commented May 11, 2015 at 13:39
what kind of browser do u use ？addeventlistener won't work below IE8。a more better way to do this is using jquery library。 — robinclark007
– robinclark007, Commented May 11, 2015 at 13:48
"I don't know why it is not displayed" There is no load event that is triggered on document. — Felix Kling
– Felix Kling, Commented May 11, 2015 at 13:50
@FelixKling I updated the question, before the head tag was not displayed. — R3tep
– R3tep, Commented May 11, 2015 at 13:54

ozil · Accepted Answer · 2015-05-11 13:39:48Z

3

use window.addEventListener("load",addevent); instead of document.addEventListener("load",addevent);
DEMO

answered May 11, 2015 at 13:39

ozil

7,1639 gold badges38 silver badges62 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Radonirina Maminiaina · Accepted Answer · 2015-05-11 13:53:32Z

2

So you want a document ready like jquery, try this:

document.addEventListener("DOMContentloaded",addevent, false);

Demo here

edited May 11, 2015 at 13:53

answered May 11, 2015 at 13:43

Radonirina Maminiaina

7,0144 gold badges36 silver badges63 bronze badges

Comments

Aaron · Accepted Answer · 2015-05-11 13:34:36Z

0

Assuming this is all of your code, the first issue you should tackle is telling your page where your Javascript is at.

Try placing your script between <script> </script> tags within your HTML file.

</head>
<body>


<p id="contentBI" >you should click here! </p>


<script>
function addevent (){

theBI=document.getElementById("contentBI");
theBI.addEventListener("click",doAlert);
}
document.addEventListener("load",addevent);
</script>  


</body>
</html

It still won't work, most likely. But it's a start.

answered May 11, 2015 at 13:34

Aaron

7074 silver badges20 bronze badges

6 Comments

Aaron Over a year ago

Nothing is wrong with using src. But to use src in a static site, you have to know the path to the .js file, and I don't. (In this case.)

Felix Kling Over a year ago

Hopefully the OP knows the right path, so suggesting to inline it as a solution to the problem seems.... useless?

Aaron Over a year ago

Perhaps. But, the OP has updated his question based upon responses like mine. The original response didn't indicate that he had linked the files at all.

Felix Kling Over a year ago

Ah I see, you answered before the edit. I have to disappoint you though. The whole code was there from the very beginning, the answer was just poorly formatted. : stackoverflow.com/revisions/…

Aaron Over a year ago

Ah, very nice. I suppose i should view the source before answering huh?

|

Collectives™ on Stack Overflow

Javascript doesn't work in html file

3 Answers 3

Comments

Comments

6 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

6 Comments

Your Answer

Sign up or log in

Post as a guest

Related