link rel="stylesheet" href="styles.css" /> Escript src="modernizr.custom.65819.js"> ead> sdy>

Hands-on Project 1-4

Shipping Address

Choose an address

Home
1 Main St.
Sicilia, MA 02103 Work
15 Columbine Ln.
Crab City, MA 02104 13 48 Street Address 50 City State type"text" idm"stateinput" /> forwalpinput" zip ut type text 10zipinput" /> EN Hands-On Project 1-4 In this chapter you learned how to dynamically change an image using the getElementByzd method to set the value of the arc attribute for anim element. You can apply this same process to many other web page elements. In this project, you'll use an -vent handler to automatically fill text boxes in a form with preassigned values based on the -ption button that a user clicks - In your text editor, open index.htm from the HandsOn Project 1-4 folder in the Chapter01 folder. Enter your name and today's date where indicated in the comment section in the document head. Just above the closing tag, add the following element to link the file contain- ing the Modernizr library: Open index.htm in your browser, and familiarize yourself with the layout of the form. Return to your text editor, locate the first fieldset element, with the id addroptions, and then find the first input element, with the id homeoption. Within the input element that creates the first option button, add the following event handler: onclick="document.getElementById('streetinput').value 1 Main St. document.getElementById('cityinput').value Sicilia document.getElementById('stateinput').value = "MA'; document.getElementById("zipinput').value *02103';" Within the same fieldset element, locate the second input element, with the id workoption. Within the input element that creates the second option button, add the following event handler: onclick="document.getElementById('street input').value = 115 Columbine in. document.getElementById("cityinput').value Crabe City: document.getElementByIdt'stateinput').value MA: docurant.getElementById("zipinput').value 02104'; Hands-On Proj