简易计算器？
<!DOCTYPE html>
<html>
<head>
<title> 事件</title>
</head>
<body>
<input type='text' id='num1' value=""/>
<select id='operate'>
<option value='+'>+</option>
<option value="-">-</option>
<option value="*">*</option>
<option value="/">/</option>
</select>
<input type='text' id='num2' value=""/>
<input type='button' value=' = ' onclick="count()" />
<input type='text' id='result' value="0"/>
</body>
<script type="text/javascript">
var num1=document.getElementById("num1");
var num2=document.getElementById("num2");
var operate=document.getElementById("operate");
var result=document.getElementById("result");
function count() {
function add() {
result.value = +num1.value + +num2.value;
}
function subtract() {
result.value = num1.value - num2.value;
}
function multiply() {
result.value = num1.value * num2.value;
}
function divided() {
result.value = num1.value / num2.value;
}
operate.onchange = function () {
switch (operate.value) {
case "+" :
add();
break;
case "-" :
subtract();
break;
case "*" :
multiply();
break;
case "/" :
divided();
break;
}
console.log(operate.value);
}
}
</script>
</html>
正在回答
直接这样写就可以~
鼠标点击等号时触发count事件，直接执行里面的代码。
你那样写的话，要先触发一下等号再触发一下计算的符号，才能去执行里面的代码。
祝学习愉快！
相似问题
登录后可查看更多问答，登录/注册
- 参与学习 466 人
- 提交作业 74 份
- 解答问题 635 个
JavaScript不仅能实现静态页面到动态特效的转变，还能完成数据的动态交互，但是关于js到底功能有多强大，大家还是有所期待的，本路径将带你深入到js中，一一揭开JavaScript的神秘面纱。
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星