<html>
<head>
<title>JiSuanQi</title>
<script>
var oper = ""
var num = 0;
//输入数字
function addNum(n){
var nowNum = myform.num.value;
if(nowNum == "0"){
myform.num.value = n
}else{
myform.num.value = myform.num.value + n;
}
}
//添加运算符
function setOper(op){
oper = op;
num = myform.num.value*1;
}
function getCount(){
if(oper != ""){
if(oper == "+"){
}else if(oper == "-"){
}else if(oper == "*"){
}else if(oper == "/"){
}else if(oper == "%"){
}
}
}
</script>
<style>
#ceng{width:600px;height:650px;background:#323850;}
.jr{background-Image:url('jr.png')}
.mr{background-Image:url('mr.png')}
.ax{background-Image:url('ax.png')}
.fk{background-Image:url('fk.png')}
</style>
</head>
<body bgcolor="green">
<center>
<form id="myform">
<div id="ceng" align="center"><br><br><font size="7">简易计算器</font><br><br>
<table border="1" width="560px" height="480px" align="center">
<tr>
<td colspan="4">
<input id="num" type="text" onfocus="blur()" value="0"/>
</td>
</tr>
<tr>
<td>
<input id="bt1" type="button" value="1" onclick="addNum(1)"/>
</td>
<td>
<input id="bt2" type="button" value="2" onclick="addNum(2)"/>
</td>
<td>
<input id="bt3" type="button" value="3" onclick="addNum(3)"/>
</td>
<td>
<input id="bt10" type="button" value="+" onclick="setOper('+')"/>
</td>
</tr>
<tr>
<td>
<input id="bt4" type="button" value="4" onclick="addNum(4)"/>
</td>
<td>
<input id="bt5" type="button" value="5" onclick="addNum(5)"/>
</td>
<td>
<input id="bt6" type="button" value="6" onclick="addNum(6)"/>
</td>
<td>
<input id="bt11" type="button" value="-" onclick="addNum()"/>
</td>
</tr>
<tr>
<td>
<input id="bt7" type="button" value="7" onclick="addNum(7)"/>
</td>
<td>
<input id="bt8" type="button" value="8" onclick="addNum(8)"/>
</td>
<td>
<input id="bt9" type="button" value="9" onclick="addNum(9)"/>
</td>
<td>
<input id="bt12" type="button" value="*" onclick="addNum()"/>
</td>
</tr>
<tr>
<td>
<input id="bt0" type="button" value="0" onclick="addNum(0)"/>
</td>
<td>
<input id="bt13" type="button" value="." onclick="addNum()"/>
</td>
<td>
<input id="bt14" type="button" value="%" onclick="addNum(1)"/>
</td>
<td>
<input id="bt15" type="button" value="/" onclick="addNum()"/>
</td>
</tr>
<tr>
<td>
<input id="bt16" type="button" value="C" onclick="addNum()"/>
</td>
<td>
<input id="bt17" type="button" value="←" onclick="addNum()"/>
</td>
<td colspan="2">
<input id="bt18" type="button" value="=" onclick="addNum()"/>
</td>
</tr>
</table>
</div>
</form>
</center>
</body>
<script>
for (var i = 0;i<19 ;i++ )
{
document.getElementById("bt"+i).style.width="140px";
document.getElementById("bt"+i).style.height="90px";
document.getElementById("bt"+i).style.fontSize="80px"
document.getElementById("bt"+i).className= "mr"//默认状态按键颜色
document.getElementById("bt"+i).onmouseover = function(){this.className= "jr"};//匿名函数（鼠标进入事件）
document.getElementById("bt"+i).onmouseout = function(){this.className= "mr"};//鼠标移出事件（默认事件）
document.getElementById("bt"+i).onmousedown = function(){this.className= "ax"};//鼠标按下事件
document.getElementById("bt"+i).onmouseup = function(){this.className= "fk"};//鼠标放开事件
}
document.getElementById("bt18").style.width="286px";
document.getElementById("num").style.width="580px";
document.getElementById("num").style.height="90px";
document.getElementById("num").style.fontSize="70px";
</script>
</html>
求 计算器 可以进行连续的加减乘除 这样的代码如何添加 还有如何限制按键数字个数
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
分享- 邀请回答
-
3条回答 默认 最新
- dongjinwang 2015-08-06 02:51关注
JiSuanQi
<br> var oper = ""<br> var num = 0;<br> //输入数字<br> function addNum(n){<br> var nowNum = myform.num.value;<br> if(nowNum == "0"){<br> myform.num.value = n<br> }else{<br> myform.num.value = myform.num.value + n;<br> }<br><br> }<br> //添加运算符<br> function setOper(op){<br> oper = op;<br> num = myform.num.value*1;<br> }<br> function getCount(){<br> if(oper != ""){<br> if(oper == "+"){</p> <pre><code> }else if(oper == "-"){ }else if(oper == "*"){ }else if(oper == "/"){ }else if(oper == "%"){ } } } </script> <style> #ceng{width:600px;height:650px;background:#323850;} .jr{background-Image:url('jr.png')} .mr{background-Image:url('mr.png')} .ax{background-Image:url('ax.png')} .fk{background-Image:url('fk.png')} </style> </head> <body bgcolor="green"> <center> <form id="myform"> <div id="ceng" align="center"><br><br><font size="7">简易计算器</font><br><br> <table border="1" width="560px" height="480px" align="center"> <tr> <td colspan="4"> <input id="num" type="text" onfocus="blur()" value="0"/> </td> </tr> <tr> <td> <input id="bt1" type="button" value="1" onclick="addNum(1)"/> </td> <td> <input id="bt2" type="button" value="2" onclick="addNum(2)"/> </td> <td> <input id="bt3" type="button" value="3" onclick="addNum(3)"/> </td> <td> <input id="bt10" type="button" value="+" onclick="setOper('+')"/> </td> </tr> <tr> <td> <input id="bt4" type="button" value="4" onclick="addNum(4)"/> </td> <td> <input id="bt5" type="button" value="5" onclick="addNum(5)"/> </td> <td> <input id="bt6" type="button" value="6" onclick="addNum(6)"/> </td> <td> <input id="bt11" type="button" value="-" onclick="addNum()"/> </td> </tr> <tr> <td> <input id="bt7" type="button" value="7" onclick="addNum(7)"/> </td> <td> <input id="bt8" type="button" value="8" onclick="addNum(8)"/> </td> <td> <input id="bt9" type="button" value="9" onclick="addNum(9)"/> </td> <td> <input id="bt12" type="button" value="*" onclick="addNum()"/> </td> </tr> <tr> <td> <input id="bt0" type="button" value="0" onclick="addNum(0)"/> </td> <td> <input id="bt13" type="button" value="." onclick="addNum()"/> </td> <td> <input id="bt14" type="button" value="%" onclick="addNum(1)"/> </td> <td> <input id="bt15" type="button" value="/" onclick="addNum()"/> </td> </tr> <tr> <td> <input id="bt16" type="button" value="C" onclick="addNum()"/> </td> <td> <input id="bt17" type="button" value="←" onclick="addNum()"/> </td> <td colspan="2"> <input id="bt18" type="button" value="=" onclick="addNum()"/> </td> </tr> </table> </div> </form> </center> </body> <script> for (var i = 0;i<19 ;i++ ) { document.getElementById("bt"+i).style.width="140px"; document.getElementById("bt"+i).style.height="90px"; document.getElementById("bt"+i).style.fontSize="80px" document.getElementById("bt"+i).className= "mr"//默认状态按键颜色 document.getElementById("bt"+i).onmouseover = function(){this.className= "jr"};//匿名函数（鼠标进入事件） document.getElementById("bt"+i).onmouseout = function(){this.className= "mr"};//鼠标移出事件（默认事件） document.getElementById("bt"+i).onmousedown = function(){this.className= "ax"};//鼠标按下事件 document.getElementById("bt"+i).onmouseup = function(){this.className= "fk"};//鼠标放开事件 } document.getElementById("bt18").style.width="286px"; document.getElementById("num").style.width="580px"; document.getElementById("num").style.height="90px"; document.getElementById("num").style.fontSize="70px"; </script> </code></pre> <p></html></p> <pre><code> <html> <head> <title>JiSuanQi</title> <script> var oper = "" var num = 0; //输入数字 function addNum(n){ var nowNum = myform.num.value; if(nowNum == "0"){ myform.num.value = n }else{ myform.num.value = myform.num.value + n; } } //添加运算符 function setOper(op){ oper = op; num = myform.num.value*1; } function getCount(){ if(oper != ""){ if(oper == "+"){ }else if(oper == "-"){ }else if(oper == "*"){ }else if(oper == "/"){ }else if(oper == "%"){ } } } </script> <style> #ceng{width:600px;height:650px;background:#323850;} .jr{background-Image:url('jr.png')} .mr{background-Image:url('mr.png')} .ax{background-Image:url('ax.png')} .fk{background-Image:url('fk.png')} </style> </head> <body bgcolor="green"> <center> <form id="myform"> <div id="ceng" align="center"><br><br><font size="7">简易计算器</font><br><br> <table border="1" width="560px" height="480px" align="center"> <tr> <td colspan="4"> <input id="num" type="text" onfocus="blur()" value="0"/> </td> </tr> <tr> <td> <input id="bt1" type="button" value="1" onclick="addNum(1)"/> </td> <td> <input id="bt2" type="button" value="2" onclick="addNum(2)"/> </td> <td> <input id="bt3" type="button" value="3" onclick="addNum(3)"/> </td> <td> <input id="bt10" type="button" value="+" onclick="setOper('+')"/> </td> </tr> <tr> <td> <input id="bt4" type="button" value="4" onclick="addNum(4)"/> </td> <td> <input id="bt5" type="button" value="5" onclick="addNum(5)"/> </td> <td> <input id="bt6" type="button" value="6" onclick="addNum(6)"/> </td> <td> <input id="bt11" type="button" value="-" onclick="addNum()"/> </td> </tr> <tr> <td> <input id="bt7" type="button" value="7" onclick="addNum(7)"/> </td> <td> <input id="bt8" type="button" value="8" onclick="addNum(8)"/> </td> <td> <input id="bt9" type="button" value="9" onclick="addNum(9)"/> </td> <td> <input id="bt12" type="button" value="*" onclick="addNum()"/> </td> </tr> <tr> <td> <input id="bt0" type="button" value="0" onclick="addNum(0)"/> </td> <td> <input id="bt13" type="button" value="." onclick="addNum()"/> </td> <td> <input id="bt14" type="button" value="%" onclick="addNum(1)"/> </td> <td> <input id="bt15" type="button" value="/" onclick="addNum()"/> </td> </tr> <tr> <td> <input id="bt16" type="button" value="C" onclick="addNum()"/> </td> <td> <input id="bt17" type="button" value="←" onclick="addNum()"/> </td> <td colspan="2"> <input id="bt18" type="button" value="=" onclick="addNum()"/> </td> </tr> </table> </div> </form> </center> </body> <script> for (var i = 0;i<19 ;i++ ) { document.getElementById("bt"+i).style.width="140px"; document.getElementById("bt"+i).style.height="90px"; document.getElementById("bt"+i).style.fontSize="80px" document.getElementById("bt"+i).className= "mr"//默认状态按键颜色 document.getElementById("bt"+i).onmouseover = function(){this.className= "jr"};//匿名函数（鼠标进入事件） document.getElementById("bt"+i).onmouseout = function(){this.className= "mr"};//鼠标移出事件（默认事件） document.getElementById("bt"+i).onmousedown = function(){this.className= "ax"};//鼠标按下事件 document.getElementById("bt"+i).onmouseup = function(){this.className= "fk"};//鼠标放开事件 } document.getElementById("bt18").style.width="286px"; document.getElementById("num").style.width="580px"; document.getElementById("num").style.height="90px"; document.getElementById("num").style.fontSize="70px"; </script> </html> </code></pre>解决 无用评论 打赏举报 分享
- 2021-06-17 18:10回答 4 已采纳 #include <stdio.h> #include <stdlib.h> #include <math.h> #define INIT_STRING_SIZE
- 2022-01-02 15:37回答 2 已采纳 #include <stdio.h> int main() { double a, b; // 定义a, b, 用来存储两个数 char c; // 定义c，用
- 2021-11-23 13:57回答 3 已采纳 有帮助请采纳简单界面计算器 import tkinter as tk class Calc(tk.Tk): """计算器窗体类""" def __init__(self):
- 2022-04-06 09:34end123455的博客 2.实现计算功能：能够进行加减乘除运算，也能进行退格和清空功能。 验证计算器，用例：11+22 是否得到 33 的结果 代码实现 css样式 /* 清除页面默认样式 */ *{ margin: 0; padding: 0; } /* ...
- 2022-10-07 16:16回答 2 已采纳 你不是用 b接收的+-*/么，怎么用d判断了 #include<stdio.h> int main( ) {int a,b,c;char d; scanf( "%d%c%d",&a ,
- 2022-11-24 17:31回答 2 已采纳 仅供参考： #pragma warning(disable:4996) /*--------------------------------------- 函数型计算器(VC++6.0,Win32 C
- 2022-03-16 14:09回答 2 已采纳 字符要用单引号''括起来，最后大括号多了一个 #include <stdio.h> int main() { int a, c; char b; printf(
- 2022-06-21 02:06m0_67402236的博客 【案例介绍】1**.**案例描述本案例要求利用Java Swing 图形组件开发一个可以进行简单的算术运算的图形化计算器。2**.**运行结果运行结果【案例目标】【案例分析】要制作一个计算器，首先要知道它由哪些部分组成，如...
- 2021-07-15 09:57回答 2 已采纳 网上很多的https://blog.csdn.net/SamanthaC_/article/details/55097123
- 2015-08-06 03:19回答 3 已采纳 ``` function addNum(n) { var nowNum = myform.num.value; if (
- 2023-04-04 10:24回答 3 已采纳 该回答通过自己思路及引用到各个渠道搜索综合及思考,得到内容具体如下。 以下是一个使用 C 语言编写的控制台多次使用的计算器，可实现加减乘除、累加和阶乘等功能。在 VC6.0 中，您可以创建一个新的控制
- 2023-09-23 22:02fiv·的博客 利用 html + css + js 实现一个 UI 优美、功能全的科学计算器
- 2021-11-10 17:55回答 1 已采纳 判断运算符，然后进行对应的计算就好。 import java.util.Scanner; public class Main { public static void main(String[
- 2013-06-19 00:24weixin_33943347的博客 if(e.getSource().equals(plusBtn)) { //按键处理 if (plusBtn.getLabel().equals("+")){ plusBtn.setLabel("-"); } else if (plusBtn.getLabel().equals("-")){ plusBtn.setLabel("*"); } else if...
- 2022-08-13 17:53一人思えてる的博客 计算器功能：实现了加减乘除、清零、回退、四则运算等等 HTML部分：用表格添加按键，用div块显示内容 CSS部分：将显示的内容定位到div块右下角 JavaScript部分：通过innerTHML属性添加 / 获取所需计算的内容，再调用...
- 没有解决我的问题, 去提问
悬赏问题
- ¥15 训练的多模态特征融合模型准确度很低怎么办
- ¥15 kylin启动报错log4j类冲突
- ¥15 超声波模块测距控制点灯，灯的闪烁很不稳定，经过调试发现测的距离偏大
- ¥15 import arcpy出现importing _arcgisscripting 找不到相关程序
- ¥15 onvif+openssl，vs2022编译openssl64
- ¥15 iOS 自定义输入法-第三方输入法
- ¥15 很想要一个很好的答案或提示
- ¥15 扫描项目中发现AndroidOS.Agent、Android/SmsThief.LI!tr
- ¥15 怀疑手机被监控，请问怎么解决和防止
- ¥15 Qt下使用tcp获取数据的详细操作