供各位参考，代码中有对应的注释。
来源：6-11 编程练习
AllenRp
2019-09-12 17:41
<!DOCTYPE html>
<html>
<head>
<title> 事件</title>
<script type="text/javascript">
function count(){
//获取第一个输入框的值
var num1=document.getElementById("txt1").value;
//获取第二个输入框的值
var num2=document.getElementById("txt2").value;
//获取选择框的值
var calc=document.getElementById("select").value;
//用于存放计算结果，这里先初始化 result=null;
//用switch语句区分符合，对应计算方式
switch(calc){
case "+":
/* parseFloat()是把document.getElementById().value
中得到得String（字符型）值转换为FLoat（浮点）值*/
result=parseFloat(num1)+parseFloat(num2);
break;
case "-":
result=parseFloat(num1)-parseFloat(num2);
break;
case "*":
result=parseFloat(num1)*parseFloat(num2);
break;
case "/":
result=parseFloat(num1)/parseFloat(num2);
}
//把上面switch语句得到得结果赋予id为fruit的text框中
document.getElementById("fruit").value=result;
}
</script>
</head>
<body>
<input type='text' id='txt1' />
<select id='select'>
<option value='+'>+</option>
<option value="-">-</option>
<option value="*">*</option>
<option value="/">/</option> </select>
<input type='text' id='txt2' />
<input type='button' value=' = ' onclick="count()"/>
<!--通过 = 按钮来调用创建的函数，得到结果-->
<input type='text' id='fruit' />
</body>
</html>
写回答
关注
1回答
-
- 慕先生3265212
- 2019-09-13 13:53:36
获取文本框时，var num1=document.getElementById("txt1").value;
value是什么意思，求解！
JavaScript进阶篇
本课程从如何插入JS代码开始，带您进入网页动态交互世界
468191 学习 · 21891 问题
相似问题