From the course: JavaScript for Web Designers
Unlock the full course today
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
Solution: Add and use more fields - JavaScript Tutorial
From the course: JavaScript for Web Designers
Solution: Add and use more fields
(upbeat music) - [Man] Let's take a look at one possible solution to this challenge. We'll look at the page first. We can see we have all four products here. We'll increase the quantity of my fizzy water and a couple of other things. Down here, under the state, I have several selections, and my new one, Washington State. And selecting that, still make sure that the Estimate Total button is active. So I'll set UPS, and click Estimate Total. This looks pretty reasonable. Let's set this to California. Yep, looks good. Slightly less tax for Washington than there is for California, here. Great! So it seems to work. Let's look at how it was put together. Here in my index.html file, I'm going to use Command+F, or CTRL-F on Windows or Linux to find the mineral water. Actually, I'm going to search for fizzy. There we go. That jumps me right to where I need to go. And I followed the same structure of the html…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
-
-
(Locked)
Working with user info4m 44s
-
Text fields and select boxes5m 45s
-
(Locked)
Radio buttons and checkboxes5m 30s
-
(Locked)
Changing submission with events4m 21s
-
(Locked)
Starting to validate input4m 15s
-
(Locked)
Disabling and enabling fields5m 14s
-
(Locked)
The basics of sanitizing user input7m 1s
-
(Locked)
Get and set with innerHTML6m 58s
-
(Locked)
Challenge: Add and use more fields56s
-
(Locked)
Solution: Add and use more fields3m 23s
-
(Locked)
-
-
-
-