JavaScript JavaScript and the DOM Getting a Handle on the DOM A Simple Example

Munther Daoud
Munther Daoud
4,936 Points

Hello all, im having an issue, i wrote my code about 5 times, not sure whats the issue.

I wrote my code a few times and tried it all, no progress. if someone can help me and try it out on their machine, that would be greatly appreciated.

<!DOCTYPE html> <html> <head> <title>JavaScript and the DOM</title> <link rel="stylesheet" href="css/style.css"> </head> <body> <h1 id="myHeading">JavaScript and the DOM</h1> <p>Making a web page interactive</p> <scipt src="jsex.js"></scipt> </body> </html>

const myHeading = document.getElementById('myHeading'); myHeading.addEventListener('click', () => { myHeading.syle.color = 'red'; });

1 Answer

Steven Parker
Steven Parker
171,035 Points

At first glance, I notice a couple of spelling issues:

  • "scipt" instead of "script" for the tag name
  • "syle" instead of "style" for the property in the script