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 Thayer Y
Thayer Y
29,789 Points

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
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?

Thayer Y
Thayer Y
29,789 Points

Thank you so much, Scottie

Thayer Y
Thayer Y
29,789 Points
Thayer Y
Thayer Y
29,789 Points

Thanks, Brendan