JavaScript Math Object (with Examples)

The JavaScript Math object is used to perform all the mathematical tasks. For example:

HTML with JavaScript Code
<!DOCTYPE html>
<html>
<body>
   
   <p>The value of PI = <span id="xyz"></span></p>

   <script>
      document.getElementById("xyz").innerHTML = Math.PI;
   </script>
   
</body>
</html>
Output

The value of PI =

Please note: The JavaScript Math object is of static type and has no constructor. We can use methods and properties of Math object like Math.PI, Math.round(), Math.abs(), and Math.max() etc. without creating its object (Math object) first.

Note: Anything in the form Math.property indicates to property, whereas Math.method(x) indicates to method.

List of JavaScript 8 Mathematical Constants

List of Important Math Methods

Let me list out some of the important and frequently used Math methods in JavaScript along with its brief description. The detailed description is given in its separate tutorial.

JavaScript Math Object Example

Let me create an example that demonstrates the use of Math object in JavaScript:

HTML with JavaScript Code
<!DOCTYPE html>
<html>
<body>
   
   <p>The value of PI = <span id="span1"></span></p>
   <p>The maximum of (12, 4, 54, 65, 34, 0, 14) = <span id="span2"></span></p>
   <p>4<sup>3</sup> = <span id="span3"></span></p>
   <p>√121 = <span id="span4"></span></p>

   <script>
      document.getElementById("span1").innerHTML = Math.PI.toFixed(2);
      document.getElementById("span2").innerHTML = Math.max(12, 4, 54, 65, 34, 0, 14);
      document.getElementById("span3").innerHTML = Math.pow(4, 3);
      document.getElementById("span4").innerHTML = Math.sqrt(121);
   </script>
   
</body>
</html>
Output

The value of PI =

The maximum of (12, 4, 54, 65, 34, 0, 14) =

43 =

√121 =

JavaScript Online Test


« Previous Tutorial Next Tutorial »