javascript制作简易计算器

最新推荐文章于 2023-12-01 19:30:20 发布
最新推荐文章于 2023-12-01 19:30:20 发布
阅读量710 收藏
点赞数 1
文章标签： javascript div
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/liuhao_yu/article/details/8635343
版权
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript">
var flag = true;
function getNum(num){
if(!flag){
document.getElementById('res').value = '';
flag = true;
}
document.getElementById('res').value += num;
}
function getRes(){
var num = document.getElementById('res').value;
num = eval(num);
document.getElementById('res').value = num;
flag = false;
}
</script>
</head>


<body>
<TABLE border="1px" width="300px">
<caption>简易计算器</caption>
<TR>
<TD colspan="4"><input type="text" id="res" size="44"/></TD>
</TR>
<TR>
<TD><input type="button" value="1" style="width:75px" οnclick="getNum(1)"/></TD>
<TD><input type="button" value="2" style="width:75px" οnclick="getNum(2)"/></TD>
<TD><input type="button" value="3" style="width:75px" οnclick="getNum(3)"/></TD>
<TD><input type="button" value="+" style="width:75px" οnclick="getNum('+')"/></TD>
</TR>
<TR>
<TD><input type="button" value="4" style="width:75px" οnclick="getNum(4)"/></TD>
<TD><input type="button" value="5" style="width:75px" οnclick="getNum(5)"/></TD>
<TD><input type="button" value="6" style="width:75px" οnclick="getNum(6)"/></TD>
<TD><input type="button" value="-" style="width:75px" οnclick="getNum('-')"/></TD>
</TR>
<TR>
<TD><input type="button" value="7" style="width:75px" οnclick="getNum(7)"/></TD>
<TD><input type="button" value="8" style="width:75px" οnclick="getNum(8)"/></TD>
<TD><input type="button" value="9" style="width:75px" οnclick="getNum(9)"/></TD>
<TD><input type="button" value="*" style="width:75px" οnclick="getNum('*')"/></TD>
</TR>
<TR>
<TD><input type="button" value="0" style="width:75px" οnclick="getNum(0)"/></TD>
<TD><input type="button" value="." style="width:75px" οnclick="getNum('.')"/></TD>
<TD><input type="button" value="=" style="width:75px" οnclick="getRes()"/></TD>
<TD><input type="button" value="/" style="width:75px" οnclick="getNum('/')"/></TD>
</TR>
</TABLE>
</body>


</html>
liuhao_yu
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JavaScript实现简单计算器
weixin_47261870的博客
07-02 3万+
JavaScript和HTML实现简单计算器功能
JAVASCRIPT实现简单计算器
weixin_33881753的博客
11-22 623
&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;title&gt;计算器&lt;/title&gt; &lt;style&gt; /*Basic reset*/ *
JS原生——编写简易计算器
m0_64954687的博客
12-06 8880
计算器
JavaScript 用三种方法做一个简易计算器
m0_62496369的博客
10-21 7266
new关键字执行过程 // 1.new构造函可以在内存中创建了一个空的对象 // 2.this就会指向刚才创建的空对象 // 3.执行构造函数里面的代码 给这个空对象添加属性和方法 // 4.返回这个新对象(所以构造函数里面不需要return)
【JavaScript项目】如何用JavaScript实现 计算器？（附完整源码）
tutu6663的博客
12-01 1733
实现了如上图所示的一般计算器的功能包括（1）加、减、乘、除、取余这样的基本运算（好像计算器“%”这个符号不是取余，是百分号的意思，但在这里是取余的意思）（2）还有功能按键按键：退格，清空，按键“+/-”是给当前数字取相反数的意思（3）最上面的长格子用来显示输入的算式，点击“=”号后会变成计算后结果（4）有一定交互响应，比如鼠标放在按键上，按键颜色会变深。
JavaScript制作简易计算器（不用eval）
10-20
主要为大家详细介绍了JavaScript制作简易计算器的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
JavaScript简易计算器制作
12-28
本文实例为大家分享了JavaScript实现简易计算器的具体代码，供大家参考，具体内容如下 成品图 这个简易的计算器只能实现 + – * /的运算 在动手之前，我们要先理清思路，看图，若想实现这样一个简易的计算器，我们...
用javascript做一个计算器,用js做一个计算器代码
阿发狗伪原创
10-18 3087
大家好，给大家分享一下怎么用javascript做一个简单的计算器，很多人还不知道这一点。下面详细解释一下。现在让我们来看看！  由于在之前的博客中有对html和css进行详细的讲解，再次就不多叙述，直接上代码。因为js中用到了JQuery选择器所以在html中使用标签引入了JQuery，在html中为每个按钮单击绑定计算器事件cal()并传入当前点击对象thispython for语句用法。   .html文件：   .css文件：   静态页面如图示： 1.功能：实现简单的数值的加减乘
Javascript制作简易计算器并实现其功能
qq_64314976的博客
08-18 4908
使用JS的函数功能，制作一个简易的计算器，包括加、减、乘、除的功能。并使用函数传参的方式完成计算器的功能。输入任意操作数，通过四则运算计算出结果，使用函数传参的方式完成计算器的功能。......
javascript制作简易计算器,javascript简易计算器代码
chatgpt001的博客
11-09 1899
计算器*{margin: 0;padding: 0;body{.box{.box h2{.box a{.box .sp{789X456-1
javascript简易计算器代码,用js做一个计算器代码
chatgpt001的博客
11-14 1103
大家好，小编来为大家解答以下问题，利用javascript制作简单的计算器，javascript简易计算器代码，今天让我们一起来看看吧！
如何运用JavaScript中的函数做出一个简易计算器呢？
weixin_70747888的博客
03-21 2053
使用JS的函数功能，制作一个简易的计算器，包括加、减、乘、除的功能。输入任意操作数，使用函数传参的方式完成计算器的功能。这就是利用JS中的函数做出的很简易的一个计算器的效果，各位小伙伴快去试试吧！
javascript做一个简单的计算器
m0_59169193的博客
05-03 2213
// 简易计算器 // 算法 ： 用prompt用户选择计算器，if判断用户选择的计算器并弹框输入计算数值；后在if里调用函数计算 var choice = prompt('1.加法运算'+'\n' + '2.减法运算' + '\n' + '3.乘法运算' + '\n' + '4.除法运算'); if (choice == '1') { var num1 = prompt('请输入第1个值:'); v.
【Web开发技术】Javascript编写的简易计算器
爱.NET
12-18 255
08年9月入学，12年7月毕业，结束了我在软件学院愉快丰富的大学生活。此系列是对四年专业课程学习的回顾，索引参见：http://blog.csdn.net/xiaowei_cqu/article/details/7747205 用JS编写计算器 Javascript相当只简洁方便，颇有MATLAB之风 这是曾经web课上的作业，用js写个简单的计算器 这里关键是定义计算器的函...
JavaScript简单计算器
热门推荐
⁣  ⁡⁣⁣
10-20 1万+
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>计算器</title> </head> <body> <!--页面布局--> <input type="text" id="num1" placeholder="请输入第一个数字"/> <input type="text" id.
用js来实现一个简单地计算器
aduan__的博客
01-15 5897
一、前端样式部分 首先我们需要给计算机来写一个外壳，我们使用html和css来实现计算器的样子： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <style> #outbox{/*計算機底座 */ width: 388px; height: 450px;
JAVAScript实现简易计算器
weixin_53754024的博客
03-22 443
JavaScript+html+css实现简易计算器
使用JS完成一个简单的计算器功能
chuisiqin5881的博客
05-08 2462
<!DOCTYPEhtml> <html> <head> <title>事件</title> <scripttype="text/javascript"> functioncount(){ ...
javascript简易计算器的制作
最新发布
12-23
以下是使用JavaScript制作简易计算器的示例代码： ```javascript // 获取页面上的按钮元素 var buttons = document.querySelectorAll('.button'); // 获取显示结果的元素 var result = document.getElementById('...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值