I can't seem to put the value of a variable with innerHTML

Question

my js script :

var today = new Date();
var dd = String(today.getDate()).padStart(2, '0');
var mm = String(today.getMonth() + 1).padStart(2, '0'); 
var yyyy = today.getFullYear();

today = mm + '/' + dd + '/' + yyyy;


document.getElementById("heure").innerHTML = today;

my html code :

<!DOCTYPE html>
<html lang="fr">
<head>
   <script src="../js/index.js" type="text/javascript"></script>
</head>
<body>
   <p>
       Il est :    <span id="heure"></span>
   </p>
   <p>
       et vous etes actuellement sur mon site, quel honneur.
   </p>
</body>
</html>

the alert to test the javascript file work, document.write(today) work, realy i dont understand...

It looks like you're not aware of debugging capabilities of your browser. Hit F12 and stop alerting and writing to document. You can also see the error messages in the console, and DevTools contain a lot of other useful features for degbugging your code. — Teemu, Jan 04 '22 at 06:14
Does this answer your question? [How to make JavaScript execute after page load?](https://stackoverflow.com/questions/807878/how-to-make-javascript-execute-after-page-load) — gre_gor, Jan 04 '22 at 07:33

score 0 · Answer 1 · answered Jan 04 '22 at 06:18

0

You are trying to get the element by ID before it is initiated. Call the script which has getelementbyID after the span or the body tags.

answered Jan 04 '22 at 06:18

Priyanjana

11
2

score 0 · Accepted Answer · answered Jan 04 '22 at 06:22

0

Try using script tag at the end of body, most probably the issue here is that, the script is loading before DOM, because of which it cannot recognise span tag

answered Jan 04 '22 at 06:22

Ishan

77
3

I can't seem to put the value of a variable with innerHTML

2 Answers2