JavaScript Random Number Generator In 90 Seconds #JavaScriptJanuary



Watch the entire #JavaScriptJanuary series from the beginning!

In JavaScript we can use Math.random() to generate a random decimal number between 0 and 1, non-inclusive of 1. Which means the number could be 0 but will never be 1.

What if we wanted to get a random number between 1 – 10?
We can easily do this by multiplying the random number by the maximum range that we are looking for. In this case, 10.

But, this is actually going to give us a random number between 0 – 9. So in order to get a number between 1 – 10 we will need to add 1 at the end.

Now, to get rid of the decimals we can use another math function, Math.floor. This will round down to the nearest whole number. Now every time we refresh we get a random whole number between 1 – 10.

Note that this solution will only work for ranges between 1 and whatever number you multiply by.

So how do we get a range of random numbers between let’s say, 5 and 15?

This is going to require a bit more math. We’ll create an arrow function which accepts two values and we’re basically going to do the same thing but instead of multiplying by an arbitrary number, we are going to subtract the maximum and minimum values then add one, and then at the very end we will also add the minimum value. If you hate math, just don’t think about it. It works 🙂

Next we’ll call the function and pass our minimum and maximum values. Now every time we refresh we get random numbers between the range we defined.

I’ll be releasing a new video every day in January! Stay tuned..
_____________________________________

📚 Learn to CODE in just a FEW months here:
Treehouse Discount Code: https://treehouse.7eer.net/codeSTACKr
_____________________________________

🛠️ Tools I use:
🟠 Theme: https://marketplace.visualstudio.com/items?itemName=codestackr.codestackr-theme
🟠 Font: STACKr Code (Exclusive to my VS Code Course – https://vsCodeHero.com)
🟠 SuperHero Extension Pack: https://marketplace.visualstudio.com/items?itemName=codeSTACKr.superhero-extensions

🤖 I now use AI-powered code completions thanks to Kite. You should too so grab it FREE: https://www.kite.com/get-kite/?utm_medium=referral&utm_source=youtube&utm_campaign=codestackr&utm_content=description-only
_____________________________________

💖 Show support!
PayPal: https://paypal.me/codeSTACKr
_____________________________________

Watch Next:
Web Development – Beginners Roadmap (2020) – https://youtu.be/iogabydg2y0
Playlist: Web Development For Beginners – https://www.youtube.com/watch?v=Ez4yHS2dsN8&list=PLkwxH9e_vrAJ0WbEsFA9W3I1W-g_BTsbt
_____________________________________

Connect With Me:
Website: http://www.codestackr.com
Twitter: https://twitter.com/codeSTACKr
Instagram: https://instagram.com/codeSTACKr/
Facebook: https://facebook.com/codeSTACKr
_____________________________________

** Affiliate Disclaimer: Some of the above links may be affiliate links, which may generate me a sales commission at no additional cost to you.

#JavaScriptJanuary #31Days31Videos #codeSTACKr

source

You May Also Like