Tutorial Gateway

JavaScript ABS

by

The JavaScript Abs function is one of the JavaScript Math function which returns the absolute (Positive) value of the specified expression or an individual number. In this article we will show you, How to use Abs() function in JavaScript Programming language with example.

Syntax of a JavaScript Abs Function

The basic syntax of the JavaScript Abs Function is as shown below:

Math.abs(number);

Number: It can be a number or a valid numerical expression for which you want to find absolute value.

  • If the number argument is positive or negative number, abs() function will return the absolute value.
  • If the number argument is not a number, abs() function will return NaN.
  • If the number argument is Null, abs() function will return Zero.

JavaScript Abs Function Example

The JavaScript Abs Function allows you to find the absolute values of a numeric values. In this example, We are going to find the absolute values of different data types and display the output

JAVASCRIPT CODE

<!DOCTYPE html>
<html>
<head>
    <title> JavaScript ABS Function </title>
</head>
<body>
  <h1> JavaScript ABS Function </h1>
  <p id = "Pos"></p>
  <p id = "Neg"></p>
  <p id = "Dec"></p>
  <p id = "Neg_Dec"></p>
  <p id = "Str"></p>
  <p id = "Exp"></p>
  <p id = "Null"></p>
  <p id = "Multi"></p>
  <script>
    document.getElementById("Pos").innerHTML = Math.abs(20);
    document.getElementById("Neg").innerHTML = Math.abs(-20);
    document.getElementById("Dec").innerHTML = Math.abs(10.45);
    document.getElementById("Neg_Dec").innerHTML = Math.abs(-6.45);
    document.getElementById("Str").innerHTML = Math.abs("JavaScript");
    document.getElementById("Null").innerHTML = Math.abs(null);
    document.getElementById("Multi").innerHTML = Math.abs(2 + 55 - 77);
  </script>
</body>
</html>

OUTPUT

JavaScript ABS Function

ANALYSIS

First, We used the ABS() Function directly on both the Positive integer and negative integer. If you observe the above screenshot, both these statement will return same output

 document.getElementById("Pos").innerHTML = Math.abs(20);
 document.getElementById("Neg").innerHTML = Math.abs(-20);

Next, We used the ABS() Function on both the Positive and negative Decimal values. If you observe the above screenshot, Abs() function will work perfectly with decimal values as well

 document.getElementById("Dec").innerHTML = Math.abs(10.45);
 document.getElementById("Neg_Dec").innerHTML = Math.abs(-6.45);

Next, We tried ABS() Function on String value. As we said before, this will return NaN (Not a Number) as output

document.getElementById("Str").innerHTML = Math.abs("JavaScript");

Next, We tried ABS() Function on Null value and it return Zero as output

document.getElementById("Null").innerHTML = Math.abs(null);

In the below statement, We used the ABS() Function directly on multiple values.

 document.getElementById("Multi").innerHTML = Math.abs(2 + 55 - 77);

It means,

ABS(2 + 55 – 77)

ABS (-20) = 20

Thank You for Visiting Our Blog