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

Posted by Shyam Gupta
Shyam Gupta
7,757 Points

"Uncaught ReferenceError: myheading is not defined"

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

1 Answer

Seth Kroger
Seth Kroger
56,413 Points
Seth Kroger
Seth Kroger
56,413 Points

Make sure the id you're using in the HTML is spelled exactly the same as the name you pass to getElementById() and that it is an id and not a class.

Shyam Gupta
Shyam Gupta
7,757 Points

Thanks Seth..It ultimately turned out to be Chrome caching old data..I relaunched the browser and disabled cache in the JS console Network tab and it works fine now.