Web Programming with HTML5, CSS, and JavaScript

8.15 Accessing a Form’s Control Values

In the previous section, you learned how the Email Address Generator’s button event handler passes its form object to the generateEmail function by using this.form. In this section, we’ll examine the function itself and learn how to use the form object to access control values within the form.

As you learned earlier, whenever you pass an argument to a function, you should have an associated parameter in the function’s heading. Therefore, to receive the form object passed to the generateEmail function, there’s a form parameter in the function’s heading, as you can see here:

function generateEmail(form)

FIGURE 8.9B shows the head container for the Email Address Generator web page. Note the form parameter ...