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>
...全文
相关推荐
js实现网页计算器
根据给定的文件信息,我们可以总结出以下关于“js实现网页计算器”的相关知识点:### 1. HTML结构设计在创建网页计算器时,HTML用于构建页面的基本结构。
JavaScript计算器网页版实现代码分享
**DOM操作**:JavaScript与DOM(Document Object Model)的交互是实现动态网页的关键。在这个计算器中,我们需要使用DOM API来获取和修改元素(如输入框的值)。
JS制作简易计算器的实例代码
在本文中,我们将探讨如何使用JavaScript(JS)来制作一个简易计算器。JavaScript是一种广泛用于网页交互的编程语言,它可以操作HTML元素,实现动态效果和功能,例如我们的计算器。
基于jQuery/JS的简易网页计算器
【标题】"基于jQuery/JS的简易网页计算器"揭示了这个项目的核心——使用JavaScript和jQuery技术来实现一个基本的在线计算功能。
js计算器_js计算器_
JavaScript计算器是一种常见的网页交互元素,它使用JavaScript编程语言来实现基本的算术运算。这个项目包含HTML、CSS和JS三个主要部分,分别负责计算器的结构、样式和功能逻辑。


Java SE
