We've come to exercise two, let me explain what I'd like you to do in this exercise. So the files for exercise two consists of a JavaScript file, HTML file, a CSS file, and an image. As with the first exercise, we're going to have you link the JavaScript file, today's tml file. That's good practice. And then what we want you to accomplish is to print a random number from zero to 10. and print it to the console. So little hint, you you're going to need to use the math random method.

But you'll also need to use another method from the math object. Now if you need a refresher on the math object, you can Google that and take a look at the resources w three c school is another good place for that. So go ahead and pause the video. Take a moment and see if you can figure this out and then once you're done, restart it and we'll go through this together. Okay, I hope you're able to accomplish that. Now just be aware there's probably more than while not probably there is more than one way to accomplish this.

So if yours looks slightly different, but you got the same results, then you should feel like you were successful. So first thing I'm going to do is create a num variable. And I'm going to assign a random number to it using the math object. Now I want to I want to manipulate this variable just a bit, but I'm going to do the results of that manipulation. I'm going to put it in a second variable, call it final num. I'm gonna set that equal to num and multiply that by 10 know why Multiply by 10.

Well, if you remember the random method or the math object returns a number between zero and one. If we want a random number between zero and 10, then we would need to multiply the result of random by 10. It's still going to give us a number with a decimal point. So we still need to do one more thing. But that at least gives us now something between zero and 10. Now, we could go ahead and manipulate this variable one more time, but I'm actually going to do that as a part of the console dot log statement.

That's why I say there's a couple different ways this could be done. So when caught inside console dot log, I'm going to use the round method to round the final number. And that's what we will print out. Go ahead and close that with a semi colon Now by rounding, it will be a number between zero and 10. It will no longer be a number with some decimal after it some decimal point value after it. Okay, so we've got what we need in app dot j s. I'm going to save that.

Now I'm going to go to my HTML file. And let's link by adding a script tag. Set the src attribute to App dot j s, because they're in the exact same folder. If they're in a different folder, then I'd have to use a path to point to that. Let's go ahead and save this. I'm going to now I'm going to copy the file path to it just to make it easier to open in a browser.

Go back to my browser. And let's open it up. Open the console and see what we got. So looks like we got a three. I'm going to dock the console to the bottom so that I can refresh this page and see the different numbers. I got 655 again, six again.

So it looks like it's working. I haven't gotten a number below zero and haven't gotten a number above 10 so that hopefully you were able to accomplish that and get the same results.