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 trialLeo Marco Corpuz
18,975 PointsHeading 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'; });
1 Answer
Leo Marco Corpuz
18,975 PointsThanks! That's good to know.
Haley Ward
Treehouse Project ReviewerI'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.
Haley Ward
Treehouse Project ReviewerHaley Ward
Treehouse Project ReviewerLeo,
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!