Please change whole the html code blow following the Requirement blow as well, and then Prove the whole changed cold as typed(not image, or in the paper),

Thank you very much

html:

"

ITMD-361 - Lab 7 - Basic JavaScript Event Handling and DOM

Your Name Here

Your IIT email here

Alert Me

Show results here

"

Requirement:

Put all JavaScript in the html file. Only turn in this one HTML file.

Add the name(Junhua Dong) and email (jdong22 a hawk.iit.edu) where indicated.

Do not change the structure of the HTML other than adding the personal info noted in last step and adding the JavaScript to the page.

Write JavaScript code to do the following things:

a. Add an event listener to the Alert Me div so that when it is clicked it will run some code.

b. When the button is clicked it should do two things.

c. (1) It should show an Alert box with the contents of the text field in the Alert box. I want you to also append name(Junhua Dong) and a colon (name:) before the value of the text box.

For example if the text box says This is a test, I would have the Alert say Junhua Dong: This is a test

d. (2) Also it should change the value of the h2 below the button to have the text contents of the text input control. Do not append your name to this one. Just have the exact contents of the text box.