Examples of JavaScript Numbers

0

All Contributions

Fixing roundoff error

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>JavaScript Fixing Roundoff Error</title>
</head>
<body>
    <script>
    var x = (0.1 * 10 + 0.2 * 10) / 10;
    document.write(x) // 0.3
    </script>
</body>
</html>

Output :

0.3

Adding floating point numbers

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>JavaScript Adding Floating Point Numbers</title>
</head>
<body>
    <script>
    var x = 0.1 + 0.2;
    document.write(x) // 0.30000000000000004
    </script>
</body>
</html>

Output :

0.30000000000000004 

Performing mathematical operation on non numeric values

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>JavaScript Performing Mathematical Operation on Non-numeric Values</title>
</head>
<body>
    <script>
    // Creating variables
    var x = 10;
    var y = "foo";
    var z = NaN;
    
    // Subtracting a number from a non-numeric string
    document.write(y - x); // NaN
    document.write("<br>");
    
    // Multiplying a number with a non-numeric string
    document.write(x * y); // NaN
    document.write("<br>");
    
    // Dividing a number with a non-numeric string
    document.write(x / y); // NaN
    document.write("<br>");
    
    // Adding NaN to a number 
    document.write(x + z); // NaN
    document.write("<br>");
    
    // Adding NaN to a string 
    document.write(y + z); // fooNaN
    </script>
</body>
</html>

Output :

NaN

NaN

NaN

NaN

fo oNaN

Automatic conversion of numeric strings to numbers

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>JavaScript Automatic Conversion of Numeric Strings to Numbers</title>
</head>
<body>
    <script>
    // Creating variables
    var x = 10;
    var y = 20;
    var z = "30";
    
    // Subtracting a number from a number
    document.write(y - x); // 10
    document.write("<br>");
    
    // Subtracting a number from a numeric string
    document.write(z - x); // 20
    document.write("<br>");
    
    // Multiplying a number with a numeric string
    document.write(x * z); // 300
    document.write("<br>");
    
    // Dividing a number with a numeric string
    document.write(z / x); // 3
    </script>
</body>
</html>

Output :

10

20

300 

3

Adding numbers and strings

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>JavaScript Adding Numbers and Strings</title>
</head>
<body>
    <script>
    // Creating variables
    var x = 10;
    var y = 20;
    var z = "30";
    
    // Adding a number with a number, the result will be sum of numbers
    document.write(x + y); // 30
    document.write("<br>");
    
    // Adding a string with a string, the result will be string concatenation
    document.write(z + z); // '3030'
    document.write("<br>");
    
    // Adding a number with a string, the result will be string concatenation
    document.write(x + z); // '1030'
    document.write("<br>");
    
    // Adding a string with a number, the result will be string concatenation
    document.write(z + x); // '3010'
    document.write("<br>");
    
    // Adding strings and numbers, the result will be string concatenation
    document.write("The result is: " + x + y); // 'The result is: 1020'
    document.write("<br>");
    
    // Adding numbers and strings, calculation performed from left to right
    document.write(x + y + z); // 'The result is: 3030'
    </script>
</body>
</html>

Output :

30

3030

1030

3010

The result is: 1020 

3030

total contributions (8)

This topic belongs to these lists

need a help?


find thousands of online teachers now

New to examplegeek.com?

Join us