まず最初に、jQuery ライブラリを<head></head>
ページの一部に追加します。jQuery ライブラリを見つけるには、 jQuery ダウンロード ページまたはGoogle の Hosted Libraries ページを使用する必要があります。
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
次に、<input>
要素を<form></form>
要素に入れ、フォームの送信ボタンを追加する必要があります。
<form id="myForm">
<input id="actualprice" type="number" placeholder="Actual Price">
<input id="discount" type="number" placeholder="Discount">
<input id="shipping" type="number" placeholder="Shipping">
<input type="submit" value="Submit">
</form>
<h3 id="result"></h3>
最後に、フォームを送信するためのスクリプトをページに追加します。
<script>
$('#myForm').submit(function (event) {
event.preventDefault();
var actualprice = Number($("#actualprice").val().trim());
var discount = Number($("#discount").val().trim());
var shipping = Number($("#shipping").val().trim());
var discountRate = (100 - discount) / 100;
var result = (actualprice * discountRate) + shipping;
$("#result").html("Result :" + result.toFixed(2));
});
</script>
幸運を。