javascript - JavaScriptで送信するHTMLフォームの複数の入力値

Question

値に2.50を掛けて、1.95（値* 2.50）+1.95を加算したい。javascriptでこれを行う方法はありますか？

<form action="" id="formcalculate" method="post" name="formcalculate" >
    <p class="DistanceLable">Distance in miles:</p>
    <p style="position: relative; text-align: center; font-size: 11px">
        <input id="ratecalculator" style="text-align: right; width: 50px; font-weight: bold; font-size: 15px" type="text" value="0"/>
    </p>
    <p style="text-align: center; padding-top: 3px">
        <input id="btnTotal" class="art-button"  type="button" value="Calculate"/>
    </p>
    <p id="totalcalculator" class="totalcalculator" >&nbsp;</p>
</form>

Answer 1

次の 2 行を変更します。

<p class="DistanceLable">Distance in miles: <span id="result"></span></p>
<input id="btnTotal" class="art-button"  type="button" value="Calculate" onclick="document.getElementById('result').innerHTML = (2.50*parseFloat(document.getElementById('ratecalculator').value)+1.95).toFixed(2); " />