JavaScript之简单计算器
今天上课刚学的，来小水一下贴软件：Visual Studio Code
先展示效果
代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="x-UA-compatible" content="IE=edge">
<meta name="viewport" content="width=,initial-scale=1.0">
<title>简易计算器</title>
</head>
<script type="text/javascript">
function compute(obj){
var num1,num2,result;
num1 = parseFloat(document.myform.txtNum1.value);
num2 = parseFloat(document.myform.txtNum2.value);
switch(obj){
case"+":
result = num1 + num2;
break;
case"-":
result = num1 - num2;
break;
case"*":
result = num1 * num2;
break;
case"/":
if(num2!=0)
result = num1 / num2;
else
result="除数不也能为零,请重新输入！";
break;
}
document.myform.txtResult.value=result;
}
</script>
<body>
<form action=""method="post" name="myform" id="myform">
<table border="0">
<tr>
<td><img src=shop.gif width="54" height="54"></td>
<td colspan="3"><h3>购物简易计算器</h3></td>
</tr>
<tr>
<td>第一个数</td>
<td colspan="3"><input name="txtNum1" type="text" id="txtNum1" size="25"/></td>
</tr>
<tr>
<td>第二个数</td>
<td colspan="3"><input name="txtNum2" type="text" id="txtNum2" size="25"/></td>
</tr>
<tr>
<td><input name = "addButton2" type="button" id="addBtn" value="+" onclick="compute('+')"></td>
<td><input name = "subButton2" type="button" id="subBtn" value="-" onclick="compute('-')"></td>
<td><input name = "mulButton2" type="button" id="mulBtn" value="×" onclick="compute('*')"></td>
<td><input name = "divButton2" type="button" id="divBtn" value="÷" onclick="compute('/')"></td>
</tr>
<tr>
<td>计算结果</td>
<td colspan="3"><input name="txtResult" type="text" id="txtresult" size="25"/></td>
</tr>
</table>
</form>
</body>
</html>
跑步去了，告辞告辞
JS脚本的计算机很可以啊 学习了 js注意要放到body之后 lucklys 发表于 2022-3-16 17:38
js注意要放到body之后
收到{:1_918:}感谢大佬指点 这可能是我唯一能看懂的代码了 你试试1.4+2.3 平淡最真 发表于 2022-3-16 20:08
你试试1.4+2.3
强人所难了嗷{:1_924:} li0 发表于 2022-3-17 09:40
强人所难了嗷
也可以 多加个判断 小数转换成整数 算完之后 在转回 小数
页:
[1]