HTML割引価格計算の実装原理とスクリプトコード

コードをコピー

コードは次のとおりです。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<meta http-equiv="コンテンツタイプ" コンテンツ="text/html; charset=UTF-8">
<ヘッド>
<title>割引後の価格計算</title>

<script type="text/javascript">
関数計算機(){
var 価格 = document.getElementById("価格");
var 割引 = document.getElementById("number");
var 支払う;
var select = document.getElementById("payfunction");
if((prices.value>=0&&!isNaN(prices.value))&&(discounts.value>=0&&!isNaN(discounts.value))&&prices.value!=""&&discounts.value!="")
{
支払う=価格.値*割引.値;
スイッチ(parseInt(select.value)){
ケース1:pay=pay*0.5; break;
ケース 2:pay=pay*0.8; break;
ケース3:pay=pay*0.6; break;
}
document.getElementById("result").value=支払う;
alert("おめでとうございます。取引は成功しました!");
}それ以外
{
価格.focus();
価格を選択します。
alert("正しい価格と数量を入力してください (空にできません)!");
}
}
</スクリプト>
</head>

<本文>
<中央>
<フォーム名="割引" アクション="result.jsp" メソッド="投稿">
入札価格: <input type="text" id="price" style="width: 150px"/>

購入数量: <input type="text" id="number" style="width: 150px"/>

支払い方法: <select id="payfunction" style="width: 150px">
<option value="1">オンラインバンキング決済 - 50% 割引</option>
<option value="2">Alipay 決済 - 20% オフ</option>
<option value="3" selected="true">Qコイン決済 - 40%オフ</option>
</選択>

推定合計金額: <input type="text" id="result" style="width: 150px">

<input type="button" id="allresult" value="合計金額を計算" onclick="calculator()" />
</フォーム>
</center>
</本文>
</html>

<<: JavaScript タイマー原理の詳細な説明

>>: サーバーのDockerコンテナへのvscodeリモート接続を設定する方法