From the course: Learning JavaScript Debugging

Unlock the full course today

Join today to access over 22,600 courses taught by industry experts or purchase this course individually.

Challenge: Putting it all together

Challenge: Putting it all together - JavaScript Tutorial

From the course: Learning JavaScript Debugging

Start my 1-month free trial

Challenge: Putting it all together

“

(upbeat electronic music) - [Instructor] In this challenge, we're going to look for and solve a few problems with another version of the Hansel and Petal page using the techniques we've covered so far. On this page, we have a little modal pop-up that appears to ask customers to join the mailing list. I'm going to reload this to make sure we can see it. After a couple of seconds, there it goes. We want it to fade in and out nicely and be dismissible via its Close button here or the Escape key. And once it's been displayed to the user, we want to make sure that they don't see it over and over again. So that's what we expect, but there are a few strange behaviors happening here. First of all, when I close the modal, it disappears way less gracefully than it appears. The modal is made with a couple of simple elements for its overlay and content with the animation coming from CSS transitions. You can look at the…

Contents