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

• 
  Cannot Change Css Of A Different Div
• 
  Bootstrap Fluid Row Columns With Different Height
• 
  Html5 & Bootstrap Class="container", Can It Be Applied To Body Or Only Div?
• 
  Error: Bootstrap's Javascript Requires Jquery