JavaScript JavaScript and the DOM Getting a Handle on the DOM Select a Page Element By Its ID

james creese
james creese
9,347 Points

The console says there is an error in my code

this is my Html: <!Doctype html> <body> <h1 id="myHeading">Java</h1>

<script src="dom.js"></script> <button id="myButton">Change Heading Color</button> </body>

</html>

This is my Javascript: const myHeading = document.getElementById('myHeading'); const myButton = document.getElementById('myButton');

myButton.addEventListener( 'click', () =>{ myHeading.style.color = 'red'; }); alert("this is america");

// Please help me

1 Answer

Two things. (1) You're missing the opening html tag, and (2) your JavaScript is being processed before the button is loaded. Modified html is below:

 <!Doctype html>
<html>
   <body> <h1 id="myHeading">Java</h1>
      <button id="myButton">Change Heading Color</button>
      <script src="dom.js"></script>
   </body>
</html>