How to fix a result to 2 decimal places?

Question

I'm trying to make it so my area and perimeter calculators result is fixed to 2 decimal places. How to do so?

<script>

var $ = function(id) {
        return document.getElementById(id);
    }

    //calculate

    function calculator() {
        var recLength = $("recLength").value ;
        var recWidth =  $("recWidth").value ;
        $("recArea").value = recLength * recWidth ;
        $("recPerim").value = 2 * recWidth + 2 * recLength ; 



    }

    window.onload = function() 
    {
        $("calculate").onclick = calculator;
    }   

</script>

</head>
<body>
    <main>
    <h1>Rectangle Area and Perimeter Calculator</h1>
        <div id="data">
            <label>Enter Length:</label>
            <input type="text" id="recLength"><br>

            <label>Enter Width:</label>
            <input type="text" id="recWidth"><br><br><br>

            <label>Rectangle Area:</label>
            <input type="text" id="recArea"><br>

            <label>Rectangle Perimeter:</label>
            <input type="text" id="recPerim"><br>
        </div>

I want to know who read this question and thought, "Yeah, this shows research effort". — takendarkk, Mar 10 '16 at 01:27

score 0 · Accepted Answer · answered Mar 10 '16 at 01:28

0

Welcome to SO, use toFixed()

$("recArea").value = (recLength * recWidth).toFixed(2)

answered Mar 10 '16 at 01:28

Santiago Hernández

5,438
2
26
34

Thank you very much, I knew it was the toFixed command I was just unsure of where to put it. – Derellius Mar 10 '16 at 01:33

How to fix a result to 2 decimal places?

1 Answers1