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.
Working with user info - JavaScript Tutorial
From the course: JavaScript for Web Designers
Working with user info
- [Instructor] Over the next several videos, we're going to look at how to work with forms. I can't say it's glamorous, but its very common and touches on lots of little ways of working with JavaScript. We have a little store page on H+ Sport here, where we're going to choose some products, where we want to ship them, and calculate how much we expect to pay. This is simplified from what you'd see on a real store's website, so we can keep our concerns relatively modest. This is the before state. My form elements work. I can select from different states here and choose my radio buttons and check boxes and such. When I click this button, the page refreshes and nothing has actually happened. Let's take a look at where we're going with this project. This is the after state, once again, I can choose some items, choose a state and then estimate my total. And now I have an actual calculation with a little bit of…
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)
-
-
-
-