<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title> JS的计算器 </title>
<script type="text/javascript">
function $(id){
return document.getElementById(id);
}
function jisuan(){
//1.获取num1对象
var num1_obj =$("num1");
//2.获取num1对象所填写的值
var num1_val = num1_obj.value;
//3.将获取到的num_val转换成数
num1_val = parseFloat(num1_val);
var num2_obj =$("num2");
var num2_val = num1_obj.value;
num2_val = parseFloat(num2_val);
var fuhao_obj =$("num1");
var fuhao_val = fuhao_obj.value;
//开始计算
var res = 0
switch(fuhao_val){
case "+":
res = num1_val + num2_val;
break;
case "-":
res = num1_val - num2_val;
break;
}
//把值放回到结果框
//1.获取到result的对象
var result =$("result");
//2.把值放回去
result.value = res.toFixed(2);
}
</script>
</head>
<body>
<h1>简单的计算器</h1>
第一个数：<input type="text" id="num1"><br>
选择符号：
<select name="fuhao" id="fuhao">
<option value="+"> + </option>
<option value="-"> - </option>
</select><br>
第二个数：<input type="text" value="" id="num1"><br>
点击计算：<input type="button" value="=" onclick="jisuan"><br>
运算结果：<input type="text" value="" id="result"><br>
</body>
</html>各位大神，小弟调试好久，也没有找出问题，请各位大神帮帮忙 谢谢大家了
1 回答
已采纳
Caballarii
TA贡献1123条经验 获得超629个赞
好多错误。
第20行应该是var num2_val = num2_obj.value;
第23行应该是var fuhao_obj =$("fuhao");
第53行id应该是num2
第54行onclick应该是jisuan()
添加回答
举报
0/150
提交
取消