From the course: JavaScript: Enhancing the DOM

Unlock this course with a free trial

Join today to access over 25,300 courses taught by industry experts.

Solution: Eventful app

Solution: Eventful app

From the course: JavaScript: Enhancing the DOM

Start my 1-month free trial Buy for my team

Solution: Eventful app

“

(bright music) - [Instructor] And here's what I made. When I click on the button change text, the text changes to text changed. When I hover over the paragraph, you can see that the style is changing. When I move my mouse out, it changes back. When I click on one of the items of the list, it shows that it clicked on one of the items on the list, and it shows the one I clicked on using event delegation. And lastly, when I click on go to example, instead it says on the screen, no, no, not going there. I use prevent default to prevent a new page from popping up. And here's how I did it. You can find the details in branch 06_08. As you can see, I'm using a combination of the event listeners and the things we've seen in this course before. Being able to work with events opens up so much potential for what you can do with your web apps. Great job and keep practicing.

Contents