JavaScript Number Function

JavascriptWeb DevelopmentObject Oriented Programming

The JavaScript Number() Function converts an object value passed as an argument to its respective numeric value.

Following is the code for the JavaScript Number() Function −

Example

 Live Demo

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<style>
   body {
      font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
   }
   .sample{
      font-size: 18px;
      font-weight: 500;
      color: red;
   }
</style>
</head>
<body>
<h1>JavaScript Number Function</h1>
<div class="sample"></div>
<div style="font-weight: bold; color: black;" class="result"></div>
<button class="Btn">CLICK HERE</button>
<h3>
Click on the above to convert some value to their respective numeric value
</h3>
<script>
   let sampleEle = document.querySelector(".sample");
   document.querySelector(".Btn").addEventListener("click", () => {
      sampleEle.innerHTML = 'true = ' + Number(true) +'<br>';
      sampleEle.innerHTML += 'false = ' + Number(false) + '<br>';
      sampleEle.innerHTML += '"149" = ' + Number('149') + '<br>';
      sampleEle.innerHTML += 'date = ' + Number(new Date()) + '<br>';
   });
</script>
</body>
</html>

Output

On clicking the ‘CLICK HERE’ button −

raja
Published on 11-May-2020 13:45:13
Advertisements