html 编写的简单计算器

最新推荐文章于 2024-03-20 15:15:01 发布
最新推荐文章于 2024-03-20 15:15:01 发布
阅读量1k 收藏
点赞数 1
文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_40091750/article/details/78018732
版权
<html><head><script language="JavaScript">
<!--
var n1='',n2='';
var item1_flag=true;
var opr_type='+';
function SetVal(item){
document.Cal.OutText.value+=item;
if(item1_flag)
n1+=item;
else
n2+=item;
  }
function SetOpr(opr){
document.Cal.OutText.value+=opr;
item1_flag=false;
opr_type=opr;
}
function Clear(){
document.Cal.OutText.value="";
item1_flag=true;
opr_type='+';
n1="";
n2="";
}
function Compute(obj) {
    var Result;
    if ((n1 != '') && (n2 != '')) {
        if ((eval(n2) == 0) && (opr_type == '/')) {


            alert('除数不能是零!');
            Clear();
            return;
        }
        else {
            Result = eval(obj.OutText.value);
            document.Cal.OutText.value += '=';
            document.Cal.OutText.value += Result;
        }
    }
}


//-->


</script></head><body>
    <center><form name="Cal">
<input type="text"value=""name="OutText"><br><br>
<input type="button"value="0" onClick="SetVal('0')">
<input type="button"value="1" onClick="SetVal('1')">
<input type="button"value="2" onClick="SetVal('2')">
<input type="button"value="3" onClick="SetVal('3')"><br><br>
<input type="button"value="4" onClick="SetVal('4')">
<input type="button"value="5" onClick="SetVal('5')">
<input type="button"value="6" onClick="SetVal('6')">
<input type="button"value="7" onClick="SetVal('7')"><br><br>
<input type="button"value="8" onClick="SetVal('8')">
<input type="button"value="9" onClick="SetVal('9')">
<input type="button"value="+" onClick="SetOpr('+')">
<input type="button"value="-" onClick="SetOpr('-')"><br><br>
<input type="button"value="*" onClick="SetOpr('*')">
<input type="button"value="/" onClick="SetOpr('/')">
<input type="button"value="CE" onClick="Clear()">
<input type="button"value="="onClick="Compute(this.form)">
</form></center></body></html>



































qq_40091750
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
利用HBuilder制作一个简易计算器
aebdqp的博客
08-14 3825
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <table border="0" cellspacing="0"> <tr> <td colspan="2" align="center">购物简易计算器</td>.
html+css+js实现简易计算器
热门推荐
weixin_45118138的博客
05-02 1万+
使用JavaScript制作一个简单的计算器 直接看效果，这个计算器可以实现简单的加减乘除 1、首先编辑HTML样式，把计算机上的按键全部打印出来 可以显示出以下结果 2、添加css样式 先设置a元素定宽定高，然后左浮动，在微调宽度和高度，使其到达一个合理布局的值 3、编写js代码 写一个for循环，不断接收a点击事件。 编写点击result，点击清零。 3. 点击数字，获取num1和num2的值。 4.获取按键加减乘除，记录下符号 5....
html5&css&js代码 031 又一个计算器
最新发布
明月看潮生的博客
03-20 339
又一个计算器页面。
具有存储记忆功能的计算器app
09-05
简单计算器APP ·基于HBuilder编写 ·用到html JavaScript ·计算器具有存储记忆功能 ·需要自己打包
HTML简单计算器
一加一等于十的博客
10-17 456
简单计算器
HTML程序大全(1)：简易计算器
joe_g12345的博客
12-05 2537
这是一个简单的计算器，使用HTML、CSS和JavaScript实现。HTML代码创建了一个计算器的界面，CSS代码设置了计算器的样式，JavaScript代码实现了计算器的功能。这个计算器可以执行加、减、乘、除和取模运算。同时，它还支持小数点和多位数运算。
HTML简易计算器源代码.zip
05-22
简单的 HTML 计算器源码，采用 逆波兰表达式 实现！能计算加减乘除，整体界面仿自 MIUI 计算器。代码含有详细注释，通俗易懂！
基于html编写的计算器
06-09
能够实现基本计算器的相关功能，运用html,css,JS编写。适合新手阅读。
javascript编写简易计算器
01-19
本文实例为大家分享了js简易计算器的具体代码，供大家参考，具体内容如下 代码如下 <!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8> <title>简易计算器</title> ...
Javascript +原生HTML的简单计算器
03-16
家庭用户：普通家庭用户在日常购物、烹饪、理财等活动中也经常会用到计算器进行简单的数学计算。 科技爱好者：对计算机科学、数学或电子技术感兴趣的人，也可以将此计算器作为学习和实践的基础工具。 内容概要 本...
简易版html计算器
08-25
文本文档编写，改后缀直接运行，html前端开发实例，网页版简易计算器，内容附带注释，总之很方便就对了
HTML5实现网页计算器
08-18
这是个用html5 + css3 + js写的网页计算器，支持括号运算，支持键盘输入、删除键删除输入，按键盘时计算器按键发亮
html 计算器实现
12-05
基于HTML实现的简易计算器 实现加减乘除操作 与美化功能
html+js简易计算器
11-01
html+javaScript实现简易计算器。。。。。。。。。。。
JavaScript，HTML制作简易图形化界面计算器
06-23
利用HTML，JavaScript，CSS技术制作一个图形化界面的计算器，实现简单的加减乘除四则运算，以及正负数的运算
HTML作业-简易计算器
qq_40467855的博客
12-13 1448
使用eval()函数完成简单的四则运算。具体请看代码，菜鸡勿喷。
使用HTML、CSS和JavaScript实现一个简单的计算器
geng1025的博客
12-28 1256
在本次博客中，我们将创建一个简单的计算器，该计算器使用HTML来构建用户界面，CSS来美化界面，并使用JavaScript来处理计算逻辑。首先，我们需要创建一个HTML文件，其中包含一个输入框、一个下拉列表和一个按钮。输入框用于输入两个数字，下拉列表包含四个运算符（+、-、*、/），按钮用于触发计算过程。在HTML中，我们使用<div>元素来创建计算器的各个部分，并使用<input>元素创建输入框和下拉列表。
用HTML5制作一个简易计算器
weixin_45568859的博客
12-11 1万+
用H5制作一个简易计算器 最近刚学JavaScript，之后紧接着做了一个简易的计算器，能够实现数字的加减乘除运算。 首先，先用HTML5搭建好计算器大体框架。我这里用了两个表格，一个充当显示器，另一个表格就做成计算器按键部分。 <body> <!-- 这里是充当显示器的第一个表格 --> <table border="5px" align="center"&...
前端案例：简易计算器的实现（dom操作、target、eval函数、try catch、switch-case）
m0_67402026的博客
03-02 1261
目录 一、案例效果 二、涉及要点 三、完整代码+详细注释 一、案例效果 二、涉及要点 1. 文本域标签 的 readonly 属性用于设置文本域文字为只读； 2. DOM 获取元素，getElementById()获取带有指定 id 的节点； 3. DOM 事件中的 target 是指获取事件的目标，即**触发事件的真实元素。**如下代码中： btn.onclick = function (e) { //判断只有点击到按钮上才会将信息录入“显示屏” if (e.target.no
html编写简易计算器
03-22
简易计算器 简易计算器 输入第一个数字"> <option value="+">+ <option value="-">- *">* <option value="/">/ 输入第二个数字"> 计算"> 结果为： if(isset($_GET['num1']...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值