<!doctype html>
<html>
<head>
<meta charset="utf-8 ">
<title>無題のドキュメント</title>
<style>
セクション{
背景色:# c9e495;
幅:280px;
高さ:330px;
text-align:center;
padding-top:1px;}
.textBaroder{
border-width:1px;
border-style:solid;}
</style>
< /head> ;
<本文>
<セクション>
<h1>
<img src= "画像/logo.jpg" width="260" height="31">タオバオへようこそ!
</h1>
<フォーム アクション="" メソッド="ポスト" name="myform" id="myform">
<h3> ;
<img src="file:///F|/17webpage/computer/image/shopping car.jpg" width="54" height="54">ショッピング簡易計算ツール
</h3>
最初の数字<input name="txtNum1" type="text" class="textBaroder" id="txtNum1" size="25 ">
2 番目の数値<input name="txtNum2" type="text" class="textBaroder" id="txtNum2" size="25">
<input name="addButton2" type="button" id="addButton2" value=" " onChange="compute(' ')">
<input name=" subButton2" type="button" id="subButton2" value=" - " onChange="compute('-')">
<input name="mulButton2" type ="button" id= "mulButton2" value=" × " onChange="compute('*')">
<input name="divButton2" type="button" id="divButton2" value=" ÷ " onChange ="compute('/')">
計算結果<INPUT name="textResult" type="text" class="textBaroder" id ="textResult" size=" 25">
</form>
</section>
<script> ;
function compute(op)
{
var num1,num2;
num1 = oarseFloat(document.myform .txtNum1.value);
num2 = oarseFloat(document.myform.txtNum2.value);
if (op==" ")
document.myform.txtResult .value = num1 num2;
if (op=="-")
document.myform.txtResult.value = num1-num2;
if (op== "*")
document.myform.txtResult.value = num1*num2;
if (op=="/" && num2!=0)
document.myform.txtResult.value = num1 /num2;
}
</script>
</body>
</html>
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
http://b68z56d.cn/Liangqiu Jingzhi Information Network がリリースされました
http://sn4r209.cn/Chunyu Jifeng 情報ネットワークのリニューアル
1.oarseFloat? parseFloat? 非常にややこしい 2. txtResult が間違っているという別の問題もある 3. onChange は使えるのか？ onclick
に置き換えます