Round Decimal Point With Html5 Output

I am building an html5 calculator that looks like

Solution 1:

toFixed is another way to achieve what you are looking for, and will always show the decimal places regardless if they are 0 or not.

<formonsubmit="return false"oninput="o.value = (a.valueAsNumber + b.valueAsNumber).toFixed(2)"<br><inputname="a"id="a"type="number"step="any"> +<br><inputname="b"id="b"type="number"step="any"> =<br><outputname="o"for="a b"></output><br></form>​

Live Demo

Solution 2:

This will round to two decimal places.

Math.round(num * 100)/100

This is a more general version of it, rounds to a set number of places.

functionroundNumber(num, places) {
    returnMath.round(num * Math.pow(10, places)) / Math.pow(10, places);
}

roundNumber(24.2424, 2)
24.24

Share

You may like these posts

• 
  How Can I Use Two Data-min And Data-max Attribute In Single Tag
• 
  Dojo Tree Event On Root Nodes
• 
  Rotate Text In A Canvas With Javascript
• 
  How To Change Amcharts Pie Themes?