计算器的程序代码

gq0621 2010-09-08 07:11:58
我刚开始学习JavaScript,现在需要做一个计算器的项目,谁 可以帮忙找一下计算器计算的程序代码。
...全文
126 5 打赏 收藏 转发到动态 举报
写回复
用AI写文章
5 条回复
切换为时间正序
请发表友善的回复…
发表回复
evangelionxb 2010-09-08
  • 打赏
  • 举报
回复
<!--
Step1:新建个txt文本。复制下面代码。
Step2:然后后缀改为.html。如:jsq.html。(这里面可以 "工具"--"文件夹选项"--"查看"--"隐藏已知文件类型的扩展名"取消隐藏
看看改的对不。改完就如url文档)
Step3:以浏览器打开方式打开。
-->


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
</head>

<body>
<script type="text/javascript">
var sNumBefore;
var sResult;
var sNumAfter;
var i;
function num1() {
document.getElementById("text").value+="1";
}
function num2() {
document.getElementById("text").value+="2";
}
function num3() {
document.getElementById("text").value+="3";
}
function num4() {
document.getElementById("text").value+="4";
}
function num5() {
document.getElementById("text").value+="5";
}
function num6() {
document.getElementById("text").value+="6";
}
function num7() {
document.getElementById("text").value+="7";
}
function num8() {
document.getElementById("text").value+="8";
}
function num9() {
document.getElementById("text").value+="9";
}
function num0() {
document.getElementById("text").value+="0";
}
function xiaoshu() {
document.getElementById("text").value+=".";
}
function dengyu() {
sNumAfter=document.getElementById("text").value;
switch(i)
{
case 1:
sResult=parseFloat(sNumBefore)+parseFloat(sNumAfter);break
case 2:
sResult=parseFloat(sNumBefore)-parseFloat(sNumAfter);break
case 3:
sResult=parseFloat(sNumBefore)*parseFloat(sNumAfter);break
case 4:
sResult=parseFloat(sNumBefore)/parseFloat(sNumAfter);break
}
document.getElementById("text").value=sResult;

}
function qingchu() {
document.getElementById("text").value="";
}
function jia() {
i=1;
sNumBefore=document.getElementById("text").value;
document.getElementById("text").value="";
}
function jian() {
i=2;
sNumBefore=document.getElementById("text").value;
document.getElementById("text").value="";
}
function cheng() {
i=3;
sNumBefore=document.getElementById("text").value;
document.getElementById("text").value="";
}
function chu() {
i=4;
sNumBefore=document.getElementById("text").value;
document.getElementById("text").value="";
}

</script>
<table align="center" border="1">
<tr>
<td>
<input type="button" onclick="num1()"
value=" 1 " name="button1"
id="button1"
/>
</td>
<td>
<input type="button" onclick="num2()"
value=" 2 " name="button2"
id="button2"
/>
</td>
<td>
<input type="button" onclick="num3()"
value=" 3 " name="button3"
id="button3"
/>
</td>
<td>
<input type="button" onclick="jia()"
value=" + " name="button+"
id="button+"
</td>
</tr>
<tr>
<td>
<input type="button" onclick="num4()"
value=" 4 " name="button4"
id="button4"
/>
</td>
<td>
<input type="button" onclick="num5()"
value=" 5 " name="button5"
id="button5"
/>
</td>
<td>
<input type="button" onclick="num6()"
value=" 6 " name="button6"
id="button6"
/>
</td>
<td>
<input type="button" onclick="jian()"
value=" - " name="button-"
id="button-"
/>
</td>
</tr>
<tr>
<td>
<input type="button" onclick="num7()"
value=" 7 " name="button7"
id="button7"
/>
</td>
<td>
<input type="button" onclick="num8()"
value=" 8 " name="button8"
id="button8"
/>
</td>
<td>
<input type="button" onclick="num9()"
value=" 9 " name="button9"
id="button9"
/>
</td>
<td>
<input type="button" onclick="cheng()"
value=" * " name="button*"
id="button*"
/>
</td>
</tr>
<tr>
<td>
<input type="button" onclick="num0()"
value=" 0 " name="button0"
id="button0"
/>
</td>
<td>
<input type="button" onclick="xiaoshu()"
value=" . " name="buttonxiaoshu"
id="buttonxiaoshu"
/>
</td>
<td>
<input type="button" onclick="qingchu()"
value=" C " name="buttonC"
id="buttonC"
/>
</td>
<td>
<input type="button" onclick="chu()"
value=" / " name="buttonchu"
id="buttonchu"
/>
</td>
</tr>
<tr>
<td>
<input type="button" onclick="dengyu()"
value=" = " name="button="
id="button="
/>
</td>
</tr>
<tr>
<td colspan="4">
<input type="text" id="text" name="text" value="" />
</td>
</tr>
</table>
</body>
</html>

我自己做的,你凑合着看
ycyyww 2010-09-08
  • 打赏
  • 举报
回复
http://www.cainiao8.com/web/js_examples/08_jisuanqi.html
最简单
ycyyww 2010-09-08
  • 打赏
  • 举报
回复
http://blog.csdn.net/suyogi/archive/2004/10/13/135435.aspx
这个也不错就是麻烦!
ycyyww 2010-09-08
  • 打赏
  • 举报
回复
http://zhidao.baidu.com/question/166975657.html

参考一下
ycyyww 2010-09-08
  • 打赏
  • 举报
回复
[Quote=引用 4 楼 evangelionxb 的回复:]

HTML code
<!--
Step1:新建个txt文本。复制下面代码。
Step2:然后后缀改为.html。如:jsq.html。(这里面可以 "工具"--"文件夹选项"--"查看"--"隐藏已知文件类型的扩展名"取消隐藏
看看改的对不。改完就如url文档)
Step3:以浏览器打开方式打开。
-->


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.……
[/Quote]不吹能死呀!!和javascript的书上写的一样!!你是 写那本书的人吧!!搞笑!!!

81,092

社区成员

发帖
与我相关
我的任务
社区描述
Java Web 开发
社区管理员
  • Web 开发社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧