Question: Use the provided HTML file and add a basic event handler to the page so that when the button is clicked the browser alerts the

Use the provided HTML file and add a basic event handler to the page so that when the button is clicked the browser alerts the contents of the form input control added to your name and also changes the contents of the headline below the button to contain the contents of the form input control.

Process:

Start with the provided PP5.html file.

Put all JavaScript for this Lab embedded in the html file. Only turn in this one

HTML file.

Add your name and email where indicated.

Do not change the structure of the HTML other than adding your info noted

in step 3 and adding your JavaScript to the page.

Write JavaScript code to do the following things based on the demos we did

in class.

Add an event listener to the Alert Me div so that when it is clicked it

will run some code.

When the button is clicked it should do two things.

(1) It should show an Alert box with the contents of the text field in

the Alert box. I want you to also append your name 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 Daniel Krieglstein: This is a test

(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.

I will show an example of this behavior in class in a final version of the lab.

Submit the HTML file to the Basecamp collection of Production Problems.

HTML FILE:

Lab 7 - Basic JavaScript Event Handling and DOM

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

Your Name Here

Your email here

Alert Me

Show results here

Step by Step Solution

There are 3 Steps involved in it

1 Expert Approved Answer

Step: 1 Unlock blur-text-image

Question Has Been Solved by an Expert!

Get step-by-step solutions from verified subject matter experts

Step: 2 Unlock

Step: 3 Unlock

Students Have Also Explored These Related Databases Questions!

iLab 2 of 8: Body Mass Index Calculator Submit your assignment to the Dropbox located on the silver tab at the top of this page. See Syllabus, Due Dates for Assignments & Exams, for due dates. iLAB...

SMILEY PNG Assignment Search DuckDuckGo or type a URI Assignment Tasks To help you organize your approach, detailed instructions are provided below in the form of 4 main tasks. rarh separated into...

You are provided with HTML, and CSS files. Look at these files to understand but do not change/modify them. All your work will be done in JS file . Use the provided files to do the following. Add...

Hands - On Task 2 : Array Manipulation In this exercise, you will explore how to apply array methods to add, remove, and search for entries within the array of customer names. A web page has been...

Problem: Create a web page that contains a table of buttons that should apply various styles to a paragraph according to the specifications listed in subsequent sections. The web page must provide...

Dynamic HTML you will modify an email web form. You will be modifying the web page to use JavaScript to dynamically alter the contents of the page based on user input. The page will give the user the...

Dynamic HTML and Form Validation. How do I properly complete this? Part 1: Dynamic HTML. you will modify your email web form. You will be modifying the web page to use JavaScript to dynamically alter...

Part I: HTML Page Setup Create a folder on your desktop titled Assignment8. Using your text editor, create a new file and save it as assignment8_yourname.html in the Assignment8 folder. In your html...

Create a simple calendar application that allows a user to save events for each hour of the day by modifying starter code. This app will run in the browser and feature dynamically updated HTML and...

JavaScript Functions Open the ag_squares.js file in your editor. Go to the playPokerSquares() function. Within the function add an onclick event handler to the startButton object that runs an...

Which information is not contained in the prospectus of the registration statement? Multiple Choice A listing of directors and executive officers. An explanation of the intended use of the proceeds....

The taxpayer was an oil industry engineer. He was born in Sri Lanka in 1962 but emigrated to Australia with his wife and children in 2000. They all became Australian citizens in June 2005. In July...

On a class diagram, a ( n ) blank symbol precedes each attribute.Solve the blank

Seved Help 14 Wisconsin Snowmobile Corp. is considering a switch to level production Cost efficiencies would occur under level production, and aftertax costs would decline by $31,500, but inventory...

3. As the HR manager, you have heard rumors about potential efforts to unionize your warehouse employees. Use the Employment Law Information Network (www.elinfonet.com/human-resources/...

3. Final warning: If the employee does not follow the written solutions noted in the second step, a final warning conference is held. In that conference, the supervisor again emphasizes to the...

4. Several states have limited public-sector union power. What are some reasons for lawmakers taking this stand? What are the advantages and disadvantages of workers in the public sector belonging to...