Solution Review: Assigning a Click Event Handler

Solution

Explanation

• In line 2, we assign a click event handler to the button with the id addTask. The button class is already assigned in the web page HTML.

• In line 3, we extract the current value of the text box with the class textBox using $(".textBox").val(). The text box class is also assigned in the web page HTML.

• If the text box is not empty, we generate the alert with the task in line 4 and clear out the text box in line 5.

• If the input box is empty, we generate the alert with the text “Error: Please enter a task before clicking the Add button” in line 8.