请老师检查作业
来源:4-14 项目作业
听的说
2021-11-05 16:33:57
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>计算器</title>
<script type="text/javascript">
//补充代码
window.onload = function() {
var counter = document.getElementById("counter");
var btn = document.getElementById("btn");
var inputA = document.getElementById("inputA");
var inputB = document.getElementById("inputB");
var inputC = document.getElementById("inputC");
btn.onclick = function() {
switch (counter.value) {
case 'sum':
inputC.value = Number(inputA.value) + Number(inputB.value);
break;
case 'sub':
inputC.value = Number(inputA.value) - Number(inputB.value);
break;
case 'multiply':
inputC.value = Number(inputA.value) * Number(inputB.value);
break;
case 'divide':
inputC.value = Number(inputA.value) / Number(inputB.value);
break;
}
}
}
</script>
</head>
<body>
<div>
<input type="text" id="inputA">
<select name="" id="counter">
<option value="sum">+</option>
<option value="sub">-</option>
<option value="multiply">*</option>
<option value="divide">/</option>
</select>
<input type="text" id="inputB">
<input type="button" value="=" id="btn">
<input type="text" id="inputC">
</div>
</body>
</html>
1回答
同学你好,练习做的没有问题很棒~
祝学习愉快~
相似问题