WDV2221 Intro Javascript

Unit-5 Assignment - Event Handlers

Directions:

Create a new web page for this assignment. For the elements with two event handlers use an HTML event handler AND a JavaScript event handler calling different functions. Have your functions display a message to console with information about the event handler being used. Create the following HTML elements with an associate event handler:

1. Create a button element and apply an HTML event attribute click event handler. Apply a JavaScript onclick property event handler for a mouseover effect.

   This Button Does Something

2. Create a p element and apply an HTML mouseover event handler and a JavaScript mouseout or mouseleave event handler.

   Hover Mouse HERE

3. Place an image on the page. Apply a JavaScript event handling using the addEventListener( ) technique.

   Click Here to Display Header Image

4. Create a select element with three options. Apply a change event handler. Make sure to include a default option element so that the event handler will work as expected for all selections.

   Select an option from the drop-down menu Select from the drop-down options Color 1 Color 2 Color 3

5. Apply the onload event handler to the body element to setup the JavaScript event handler assignments.