|
By now, you should be ready to update the Break Neck pizza form. First, you need to add an event handler to run the getCustomerInfo() function that you'll write in just a few pages. Remember, this function should run every time a customer enters a new phone number.
Next, you need to add id attributes to the order form; you'll need these later, when you want access the form's fields in your JavaScript. While you're at it, why don't you clear the form every time it's loaded, too?
Below is the HTML for the current version of the web form. To update this form, attach the HTML and JavaScript magnets from the bottom of the page to the correct blanks in the markup.
<body _____________________>
<p>
<img src="breakneck-logo.gif" alt="Break Neck Pizza" />
</p>
<form method="POST" action="placeOrder.php">
<p>Enter your phone number:
<input type="text" size="14" name="phone"
__________="getCustomerInfo();" />
</p>
<p>Your order will be delivered to:</p>
<p><textarea name="address" _________________
rows="4" cols="50"></textarea></p>
<p>Type your order in here:</p>
<p><textarea name="order" __________________
rows="6" cols="50"></textarea></p>
<p><input type="submit" ________________
value="Order Pizza" /></p>
</form>
</body>
id="phone"
id="order"
id="address"
id="submit"
onLoad="document.forms[0].reset();"
onClick
onFocus
id="pizza-location"
onChange
onBlur
onSubmit
| 
