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

January 4, 2022

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…

>Solution :

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