老师麻烦检查下
来源：4-8 编程练习
豆包侠
2022-07-22 14:31:05
<!DOCTYPE html>
<html>
<head>
<title> 事件</title>
</head>
<body>
<input type='text' id='num1' />
<select id='operate'>
<option value='+'>+</option>
<option value="-">-</option>
<option value="*">*</option>
<option value="/">/</option>
</select>
<input type='text' id='num2' />
<input type='button' value=' = ' onclick="count()" />
<input type='text' id='result' />
<script type="text/javascript">
function count() {
//首先找到组织
var x={
num1:document.getElementById('num1'),
num2:document.getElementById('num2'),
result:document.getElementById('result'),
btn:document.getElementById('operate')
};
var operation={
// 加
add:function(num1,num2){return +num1+ +num2;},
// 减
sub:function(num1,num2){return num1-num2},
// 乘
mult:function(num1,num2){return num1*num2},
// 除
divide:function(num1,num2){return num1/num2}
};
function h(b){
result.value=b
};
// switch
switch(x.btn.value){
// 加
case '+':
h(operation.add(num1.value,num2.value));
break;
// 减
case '-':
h(operation.sub(num1.value,num2.value));
break;
// 乘
case '*':
h(operation.mult(num1.value,num2.value));
break;
// 除
case '/':
h(operation.divide(num1.value,num2.value));
break;
}
}
</script>
</body>
</html>
1回答
-
好帮手慕星星
2022-07-22
同学你好，代码逻辑没问题，很棒！祝学习愉快~
0
相似问题