All right.
I am super amped [excited] about this challenge.
It is a little bit tricky, but as you'll see, as we go through it, it's not that difficult.
So it's tricky, but not that difficult.
What's cool about this example is that, yes, this is a course about forms.
And because it's a course about forms, we're learning about all these different kinds of widgets.
And one of the widgets we've already learned about is input where
it's type attribute is set to color.
But what's super cool, okay, is that once you understand how these widgets work, you don't have to
use them with forms.
Here is an example where we are using the color widget to allow the user to dynamically change the color
of their page.
In other words, a user can, you know, basically define the exact color theme that he or she desires.
How awesome.
And we're using color widgets.
In fact, we're using two.
You can see in this example we've got our main page and we've got two color widgets.
We've got a background color widget, and you guessed it, if the user clicks on it and drags the color
around, they can choose whatever color they want.
How awesome! And let's say the user wants a nice blue color.
That's the background.
And then we've also got another color widget which affects the text color.
You can click on that.
Say the user wants bright red, or maybe maybe a bit of a green color.
There we go.
That looks pretty cool.
So it's a very cool example.
The first part of the solution video, I'm going to write up the entire HTML and CSS with you.
Then I want you to pause, and think about how we can write the JavaScript because we do need to listen
for an event here.
We need to listen for the input event on those widgets.
When that happens, we need to take that value, and we need to put that into the styling of the page.
Don't worry if you don't know too much about JavaScript, I'll show you how it's done.
What I'm really trying to show you in this challenge is that a lot of the information you learn about
the widgets, you can apply to any part on your website.
It's so, so cool.
So anyway, don't take what you're learning for granted.
And yeah, in the next lecture, let's start building this solution together.
I can't wait.