老师,我没有思路,
<!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()" id="btn" />
<input type='text' id='result' />
<script type="text/javascript">
var num1 =document.getElementById('num1');
var operate = document.getElementById('operate');
var opts = operate.querySelectorAll('option');
var num2 = document.getElementById('num2');
var result = document.getElementById('result');
var btn = document.getElementById('btn');
//绑定事件
operate.onchange = function(){
switch (this.value){
case '+':
add();
break;
case '-':
subtract();
break;
case '*':
multiply();
break;
case '/':
devide();
break;
}
}
//定义加法函数
function add(){
result.innerHTML = +num1.value + +num2.value;
}
//定义减法函数
function subtract(){
result.innerHTML = num1.value - num2.value;
}
//定义乘法函数
function multiply(){
result.innerHTML = num1.value * num2.value;
}
//定义除法函数
function devide(){
result.innerHTML = num1.value / num2.value;
}
function count() {
}
</script>
</body>
</html>0
收起
正在回答
2回答
你好同学,老师没有说去掉id哦,是让同学把绑定的事件去掉,因为图一中已经在js中为按钮绑定了事件。
onclick=count()没有用,onclick=count()是同学自己写的。老师在图二中已经去掉了onclick=count(),并且注释的中也说了js已经绑定事件了,这里就不要绑定了。在结合两张截图理解一下哦
祝学习愉快,望采纳。


恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星