Javascript-Numbers
This object enables you to represent a numeric value. It may be integer or floating-point. JavaScript number object follows the IEEE (floating-point numbers).
JavaScript Number Constants:
Constant Description
MIN_VALUE returns the largest minimum value.
MAX_VALUE returns the largest maximum value.
POSITIVE_INFINITY returns positive infinity, overflow value.
NEGATIVE_INFINITY returns negative infinity, overflow value.
NaN represents “Not a Number” value.
Example:
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript Numbers</h2>
<p>With or without decimals:</p>
<p id="demo"></p>
<script>
var x = 3.54;
var y = 3;
document.getElementById("demo").innerHTML = x + "<br>" + y;
</script>
</body>
</html>
OUTPUT:
JavaScript Numbers
With or without decimals:
3.54
3
Example:
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript Numbers</h2>
<p>Written with scientific (exponent) notation:</p>
<p id="demo"></p>
<script>
var x = 123e5;
var y = 123e-5;
document.getElementById("demo").innerHTML = x + "<br>" + y;
</script>
</body>
</html>
OUTPUT:
JavaScript Numbers
Written with scientific (exponent) notation:
12300000
0.00123
NOTE: JavaScript Numbers are Always 64-bit Floating Point.
Adding Numbers and Strings:
If you add two numbers, the result will be a number:
Example:
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript Numbers</h2>
<p>If you add two numbers</p>
<p id="demo"></p>
<script>
var x = 10;
var y = 60;
var z = x + y;
document.getElementById("demo").innerHTML = z;
</script>
</body>
</html>
OUTPUT:
JavaScript Numbers
If you add two numbers
70
If you add two strings, the result will be a string concatenation:
Example:
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript Numbers</h2>
<p>concatenated string:</p>
<p id="demo"></p>
<script>
var x = "10";
var y = "40";
var z = x + y;
document.getElementById("demo").innerHTML = z;
</script>
</body>
</html>
OUTPUT:
JavaScript Numbers
concatenated string:
1040
Numeric Strings:
JavaScript strings can have numeric content:
Example:
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript Numbers</h2>
<p>Convert strings to numbers when dividing:</p>
<p id="demo"></p>
<script>
var x = "100";
var y = "10";
var z = x / y;
document.getElementById("demo").innerHTML = z;
</script>
</body>
</html>
OUTPUT:
JavaScript Numbers
Convert strings to numbers when dividing:
10
NaN – Not a Number:
Example:
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript Numbers</h2>
<p>Non-numeric string becomes NaN (Not a Number):</p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = 100 / "Apple";
</script>
</body>
</html>
OUTPUT:
JavaScript Numbers
Non-numeric string becomes NaN (Not a Number):
NaN
Infinity:
JavaScript will return if you calculate a number outside the largest possible number.
Example:
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript Numbers</h2>
<p>Calculate a number outside the largest possible number:</p>
<p id="demo"></p>
<script>
var myNumber = 3;
var txt = "";
while (myNumber != Infinity) {
myNumber = myNumber * myNumber;
txt = txt + myNumber + "<br>";
}
document.getElementById("demo").innerHTML = txt;
</script>
</body>
</html>
OUTPUT:
JavaScript Numbers
Calculate a number outside the largest possible number:
9
81
6561
43046721
1853020188851841
3.4336838202925124e+30
1.1790184577738583e+61
1.3900845237714473e+122
1.9323349832288915e+244
Infinity
Hexadecimal:
Numeric constants as hexadecimal if they are preceded by 0x.
Example:
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript Numbers</h2>
<p>Interpreted as hexadecimal:</p>
<p id="demo"></p>
<script>
var x = 0xFF;
document.getElementById("demo").innerHTML = "0xFF = " + x;
</script>
</body>
</html>
OUTPUT:
JavaScript Numbers
Interpreted as hexadecimal:
0xFF = 255