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

sarah shelden
sarah shelden
7,967 Points

Unsure why my code is not working?

The only differences I see are that the myHeading is blue on mine, and orange in the video and the => is orange instead of black? Why is that?

const myHeading = document.getElementById('myHeading');

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

Hello Sarah, I taked your code on my text editor and it is work.... Maybe you forget to add the external scriptsheet to your HTML document... ( <script src="script.js" charset="utf-8"></script> )...

And other thing, I prefer to name the variable with another name for not futures confusions... In this way:

const b = document.getElementById('myHeading');

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

All the best Sarah Shelden

2 Answers

Steven Parker
Steven Parker
171,108 Points

Nothing in this little snippet would explain why you see orange or blue color.

Please show the complete code for analysis and a specific answer (preferably with a workspace "snapshot").

sarah shelden
sarah shelden
7,967 Points

Hey Steven, I got it to work. But, I will include a snapshot in the future. Thanks!