Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

JavaScript JavaScript and the DOM (Retiring) Getting a Handle on the DOM A Simple Example

Leo Marco Corpuz
Leo Marco Corpuz
18,975 Points

Heading not turning red

Both my HTML and JS code look fine. It's not working for some reason. I used an alert('hello') to see if the html and js are linked and it works.

<!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> <script src="app.js"></script> </body> </html>

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

Leo,

I looked at everything and even copied and pasted your code in CodePen. If I click on the heading, the text color changes to red. Your code looks good to me!

1 Answer

Leo Marco Corpuz
Leo Marco Corpuz
18,975 Points

Thanks! That's good to know.

I'd suggest looking in the console to see if you are getting any errors. But from what I can see, it should be changing the color if you click on the "JavaScript and the DOM" heading.