[MUSIC]

In this session, you'll practice handling events with jQuery.

Practice is one of the best ways to help you remember what you've just learned.

So let's get started.

This practice session assumes that you've completed the jQuery Basics course.

So if you haven't done that, I recommend you do so first.

You can find a link to the course videos in the teacher's notes below,

as well as links to documentation that will help you review what you've learned.

To get started open workspaces, then the index.html and app.js files.

If you wanna complete these challenges in your own text editor,

you can download the project files below.

Follow the commented steps in app.js to complete each challenge.

For the first challenge, you'll write an Event Listener that hides or

shows this helper text when the user's mouse passes over the text that reads,

How are these ranked?

This requires a method you haven't used yet, but

I've noted in the instructions which method you'll wanna use.

The second challenge asks you to write jQuery so that when a user enters a value

into this input and clicks the #addNew button, a new restaurant appears at

the end of the list Finally, the last challenge asks you

to add the class strike to the restaurant name each time it's double clicked.

This class has some CSS styles applied to it that will make the restaurant title

look gray and crossed out.

You'll need to use event delegation to accomplish this task.

If you're up for a bonus challenge, write challenge 3 using the this keyword and

look for a jQuery method that will let you toggle the .strike class on and off.

Have fun and remember that you can consult the teacher's notes for help and

resources, or do some googling to find method names or remember syntax.

You'll remember more and more as you continue to practice coding.

After you've done your best to complete the challenges, watch the next video and

I'll walk you through my solution.