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

A Simple Example

Hi guys,

What does this mean, =>

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

3 Answers

Scottie Schneider
Scottie Schneider
10,498 Points

Yep - as Brendan mentioned it's an arrow function. What's it's doing specifically is adding an event listener to myHeading (which is likely a variable representing a DOM element ie.,

let myHeading = document.querySelector('#heading'); 

When a user clicks on that element in the browser, the function turns the style property of the HTML element to the color red. Does that answer your question?

Thank you so much, Scottie

Thanks, Brendan