Skip to content
Related Articles
Open in App
Not now

Related Articles

How to add float numbers using JavaScript ?

Improve Article
Save Article
  • Last Updated : 22 Dec, 2022
Improve Article
Save Article

Given two or more numbers and the task is to get the float addition in the desired format with the help of JavaScript. There are two methods to solve this problem which are discussed below:

 Approach 1:

Example: This example implements the above approach. 

html




<h1 style="color:green;">
    GeeksForGeeks
</h1>
  
<p id="GFG_UP" style="font-size: 15px; font-weight: bold;">
</p>
  
<button onclick="gfg_Run()">
    Click Here
</button>
  
<p id="GFG_DOWN" style="color:green;
        font-size: 20px; font-weight: bold;">
</p>
  
<script>
    var el_up = document.getElementById("GFG_UP");
    var el_down = document.getElementById("GFG_DOWN");
      
    el_up.innerHTML = "Click on the button to get the"
                    + " sum in desired format.";
      
    var val = parseFloat('2.3')+parseFloat('2.4');
    el_down.innerHTML = "2.3 + 2.4 = " + val;
      
    function gfg_Run() {
        el_down.innerHTML = "2.3 + 2.4 = "
                    + (parseFloat('2.3') +
                    parseFloat('2.4')).toFixed(2);
    }
</script>


Output:

Add float numbers using JavaScript 

Approach 2:

Example: This example implements the above approach. 

html




<h1 style="color:green;">
    GeeksForGeeks
</h1>
  
<p id="GFG_UP" style="font-size: 15px; font-weight: bold;">
</p>
  
<button onclick="gfg_Run()">
    Click Here
</button>
  
<p id="GFG_DOWN" style="color:green;
        font-size: 20px; font-weight: bold;">
</p>
  
<script>
    var el_up = document.getElementById("GFG_UP");
    var el_down = document.getElementById("GFG_DOWN");
      
    el_up.innerHTML = "Click on the button to get the"
                    + " sum in desired format.";
      
    var val = parseFloat('2.3')+parseFloat('2.4');
    el_down.innerHTML = "2.3 + 2.4 = " + val;
      
    function gfg_Run() {
        el_down.innerHTML = "2.3 + 2.4 = " +
                Math.round((parseFloat('2.3')
                + parseFloat('2.4'))*100)/100;
    }
</script>


Output:

Add float numbers using JavaScript 


My Personal Notes arrow_drop_up
Related Articles

Start Your Coding Journey Now!