62,622
社区成员
发帖
与我相关
我的任务
分享JavaScript网页计算器求助 请问如何重复使用 我的重置是把值为0
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title></title>
</head>
<body>
<h1><font color="red">简易的计算器</font></h1>
<p>操作数一:<input id="a" type="text"></p>
<p>操作数二:<input id="b" type="text"></p>
<p>计算结果:<input id="c" type="text"></p>
<input type="button"value="加" onclick="yuansuan(x,y,'+')" />
<input type="button"value="减" onclick="yuansuan(x,y,'-')" />
<input type="button"value="乘" onclick="yuansuan(x,y,'*')" />
<input type="button"value="除" onclick="yuansuan(x,y,'/')" />
<input type="button" value="重置" onclick="cz()" />
<script type="text/javascript">
var x=Number(prompt("请输入第一个数"));
var y=Number(prompt("请输入第二个数"));
document.getElementById("a").value=x;
document.getElementById("b").value=y;
function yuansuan(x,y,z){
var num=0;
switch(z){
case"+":num=x+y;break;
case"-":num=x-y;break;
case"*":num=x*y;break;
case"/":num=x/y;break;
default:alert("运算符号错误");
}
document.getElementById("c").value=num;
}
function cz(){
document.getElementById("a").value=0;
document.getElementById("b").value=0;
document.getElementById("c").value=0;
}
</script>
</body>
</html>
"http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title></title>
</head>
<body>
<h1><font color="red">简易的计算器</font></h1>
<p>操作数一:<input id="a" type="text"></p>
<p>操作数二:<input id="b" type="text"></p>
<p>计算结果:<input id="c" type="text"></p>
<input type="button"value="加" onclick="yuansuan(x,y,'+')" />
<input type="button"value="减" onclick="yuansuan(x,y,'-')" />
<input type="button"value="乘" onclick="yuansuan(x,y,'*')" />
<input type="button"value="除" onclick="yuansuan(x,y,'/')" />
<input type="button" value="重置" onclick="cz()" />
<script type="text/javascript">
var x=Number(prompt("请输入第一个数"));
var y=Number(prompt("请输入第二个数"));
document.getElementById("a").value=x;
document.getElementById("b").value=y;
function yuansuan(x,y,z){
var num=0;
switch(z){
case"+":num=x+y;break;
case"-":num=x-y;break;
case"*":num=x*y;break;
case"/":num=x/y;break;
default:alert("运算符号错误");
}
document.getElementById("c").value=num;
}
function cz(){
document.getElementById("a").value=0;
document.getElementById("b").value=0;
document.getElementById("c").value=0;
}
</script>
</body>
</html>
...全文
请发表友善的回复…
发表回复
sinat_33161385 2019-03-21
- 打赏
- 举报
重复使用什么东西，问题可以问得更明确一些
尼古拉斯·佩奇 2019-03-21
- 打赏
- 举报
1，如果用户两个输入框输入的是两个两个字符串怎么办？
2，重置方法的话完全可以使用个偷懒的方法： 刷新页面。
3，想重复使用的话可以将赋值为0改为 “”；
