急用编程简单计算器的Javascript按钮的点击事件
新建一个HTML页面用于进行数字计算，页面上具有两个操作数的输入文本框(文本框的ID值分别为operation1和operation2)，一个操作符的选择框(Select...
新建一个HTML页面用于进行数字计算，页面上具有两个操作数的输入文本框(文本框的ID值分别为operation1和operation2)，一个操作符的选择框(Select,ID=“Operator”，包括+、-、*操作)，一个用于显示计算结果的只读文本框(ID=“operationResult”)，一个按钮(ID值为btnComputer)，当点击按钮的时候将计算结果显示在只读文本框中，用Javascript写出按钮的点击事件即可。
展开
展开全部
<!doctype html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script>
window.onload=function(){
var d=document,
num1,num2,
result=d.getElementById('operationResult');
btn=d.getElementById('btnComputer');
btn.onclick=function(){
num1=parseFloat(d.getElementById('operation1').value),
num2=parseFloat(d.getElementById('operation2').value),
way =d.getElementById('operator').value;
if( !isNaN(num1) && !isNaN(num2) ){
switch(way){
case '0':
result.value=num1+num2;
break;
case '1':
result.value=num1-num2;
break;
case '2':
result.value=num1*num2;
break;
case '3':
result.value=num1/num2;
break;
default:
alert('操作符不正确');
}
}else{
alert('数字不对')
}
}
}
</script>
</head>
<body>
<input type="text" id="operation1" />
<select name="" id="operator">
<option value="0">+</option>
<option value="1">-</option>
<option value="2">*</option>
<option value="3">/</option>
</select>
<input type="text" id="operation2" />
<input type="text" id="operationResult" readonly />
<input type="button" id="btnComputer" value="计算" />
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<script>
window.onload = function(){
document.getElementById("btnComputer").onclick = function(){
var n1 = Number(document.getElementById("operation1").value);
var n2 = Number(document.getElementById("operation2").value);
var m = document.getElementById("Operator").value;
var re=0;
switch (m){
case "a":
re = n1+n2;
break;
case "b":
re = n1-n2;
break;
case "c":
re = n1*n2;
break;
}
document.getElementById("operationResult").value = re;
}
}
</script>
<input type="text" id="operation1" />
<select id="Operator">
<option value="a">+</option>
<option value="b">-</option>
<option value="c">*</option>
</select><input type="text" id="operation2" />
结果<input type="text" id="operationResult" readonly />
<input type="button" id="btnComputer" value="计算" />
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
这个很简单啊，等下给你
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
