Round and Round

math functions

Math…I know…some of you are letting our a collective groan. Let’s face it, not all of us like math, but it is necessary and can be very helpful in developing applications. Fortunately, JavaScript has some built in Math methods to assist us.

  • PI – returns 3.14….
  • round() – round floating point to nearest integer
  • floor() – round floating point down
  • ceil() – round floating point up
  • random() – generate random number between 0 and 1

There is also, min(), max() and abs(), which returns an absolute number.

So if you need to perform any of these mathematical calculations, let the JavaScript engine do it for you.

var num = 1.234;
console.log(Math.round(num));// returns 1
console.log(Math.floor(num));// returns 1
console.log(Math.ceil(num));// returns 2
console.log(Math.random());// returns value between 0 & 1

Note: If you want a random number between numbers other than 0 & 1, you can do that easily enough…

Math.floor((Math.random() * 0) + 1);// Returns random number between 0 and 50

Happy Coding!

Clay Hess

More To Explore

Digital interface displaying code aligned with golden ratio in a dark futuristic room with glowing screens at a tech hub
Code

Unleashing Creativity with the Canvas API

The Canvas API stands as one of the web’s most powerful tools for creating dynamic, interactive graphics. Unlike SVG, Canvas operates at the pixel level, making it ideal for games, data visualizations, and real-time graphics processing. With a simple HTML element and JavaScript, developers can create everything from basic shapes to complex animations that push the boundaries of what’s possible in the browser.

Developer working with styles at a coffeehouse with code swirling around him
Code

The CSS Object Model (CSSOM): A Practical Guide

If you’ve ever used JavaScript to read or modify styles in the browser, you’ve touched the CSS Object Model—often without realizing it. The CSSOM sits

Share This Post

small_c_popup.png

Need help?

Let's have a chat...


Login

Jump Back In!

Here at Webolution Designs, we love to learn. This includes sharing things we have learned with you. 

Register

Begin Your Learning Journey Today!

Come back inside to continue your learning journey.