Hey.
Hey, my dear comrades.
Welcome back.
Hope you are amped [excited]! Hope you're having a lot of fun.
What is this example or challenge all about?
Very, very simple.
I want us to display a very simple multiplication to the screen, to the user.
Can you see I've got a default value of zero currently on the browser?
Well, that is wrapped in an output element.
We're dealing with the output element.
So I want you to use an output element to try and figure out the solution to this.
And all I want to happen is obviously the user types, a number, let's say five multiplied by what,
let's say another five, and I want the result displayed in that output element to a user. In order to
display this result, I want to listen for the oninput event.
The other nuance with the solution I'm going to do is I'm going to write the JavaScript all inline.
So I'm going to be using an inline event listener.
I know it's not the best way to do things.
I'd rather have an external JavaScript file and add an event listener to an element and do it that way.
But I want to keep it very simple.
I want to keep a file very small.
It's very easy example.
So I'm going to be using an inline event listener. In order to identify the certain inputs in that event
listener method, you have to give each of these inputs a name attribute.
In fact, you also have to give the output element a name attribute so you can identify it when you are
executing your code.
If you don't know what I mean, don't stress, just set up the HTML.
Try and get that at least done by yourself. If you do know what I'm talking about, give it a go.
And in the solution video, I'll take you through everything.
I can't wait.
See you now.