Yep, I know this is yet another challenge working with yet another output element and listening for
yet another oninput event.
But there's a reason for my madness.
There's a reason I'm repeating these things, and that is for you to become more intuitive and feel more
comfortable when it comes to you designing your own apps and forms.
So here is another type of input control.
I wanted to show you that we don't only have to listen to the oninput event where the input type is
text because here is a clear example of us using an input where its type is set to ...
what type is this?
Can you guess?
Booyah.
That's right.
Its type is set to range. And you already know one of the major downfalls with working with the input
of type range is the value itself is not displayed to the user until it's submitted in the form.
And that's just impractical, which is why I want to go through this example with you.
I want us to create this input of type range.
I want you to create an output element and I want the value of that range to be shown in that output
element.
And yes, we're going to be listening for the oninput event.
So let me show you. Here it is. Here is the slider. As we move the slider, the value is shown to the user.
Very, very simple example.
See if you can do it by yourself.
If you can't, don't worry, I'm going to be going through it with you in the very next lecture.
Adios ðŸ‘‹.