Java script code works only when I place it in the body section

Question

I don't understand why this simple script works only when I place it in the body?

when i place the script within the head or in external JS file it doesn't work.

<!DOCTYPE html>
<html>
<body>

<h1>My First Web Page</h1>
<p>My First Paragraph</p>

<p id="demo"></p>

<script>
document.getElementById("demo").innerHTML = 5 + 6;
</script>

</body>
</html>

obe · Accepted Answer · 2016-03-18T11:04:27.607

0

Because the element you reference is defined only later (at the time the <head> is processed the browser hasn't processed the markup underneath it yet).

edited Mar 18 '16 at 11:04

answered Mar 13 '16 at 21:16

obe

7,378
5
31
40

got it! thanks obe!! – tomer Mar 18 '16 at 10:52
np :) btw when you get an answer you should mark it as such (I noticed that you posted several questions that have already been answered) – obe Mar 18 '16 at 11:06
you mean adding a thanks comment? – tomer Mar 23 '16 at 16:05
nom there's this "V" thing you can click to mark an answer as the correct answer... – obe Mar 23 '16 at 17:01
ן can't find it (: – tomer Mar 23 '16 at 20:00
it's right underneath the up and down arrows for increasing / decreasing an answer's score, to the left of the answer... – obe Mar 23 '16 at 20:26

Java script code works only when I place it in the body section

1 Answers1