js实现简易计算器

最新推荐文章于 2024-11-22 21:28:46 发布
最新推荐文章于 2024-11-22 21:28:46 发布
阅读量290 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/zhaohehe123/article/details/8635403

<html>

<head>

<meta charset="utf-8"/>

<scripttype="text/javascript">

      

              varflag = true;

              functiongetNum(num){

                     if(!flag){

                            document.getElementById('res').value= '';

                            flag= true;

                     }

                     document.getElementById('res').value+= num;

              }

              functiongetRes(){

                     varnum = 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>

       <TDcolspan="4"><input type="text" id="res"size="44"/></TD>

</TR>

<TR>

       <TD><inputtype="button" value="1" style="width:75px"onclick="getNum(1)"/></TD>

       <TD><inputtype="button" value="2" style="width:75px"onclick="getNum(2)"/></TD>

       <TD><inputtype="button" value="3" style="width:75px"onclick="getNum(3)"/></TD>

       <TD><inputtype="button" value="+" style="width:75px"onclick="getNum('+')"/></TD>

</TR>

<TR>

       <TD><inputtype="button" value="4" style="width:75px"onclick="getNum(4)"/></TD>

       <TD><inputtype="button" value="5" style="width:75px"onclick="getNum(5)"/></TD>

       <TD><inputtype="button" value="6" style="width:75px"onclick="getNum(6)"/></TD>

       <TD><inputtype="button" value="-" style="width:75px"onclick="getNum('-')"/></TD>

</TR>

<TR>

       <TD><inputtype="button" value="7" style="width:75px"onclick="getNum(7)"/></TD>

       <TD><inputtype="button" value="8" style="width:75px"onclick="getNum(8)"/></TD>

       <TD><inputtype="button" value="9" style="width:75px"onclick="getNum(9)"/></TD>

       <TD><inputtype="button" value="*" style="width:75px"onclick="getNum('*')"/></TD>

</TR>

<TR>

       <TD><inputtype="button" value="0" style="width:75px"onclick="getNum(0)"/></TD>

       <TD><inputtype="button" value="." style="width:75px"onclick="getNum('.')"/></TD>

       <TD><inputtype="button" value="=" style="width:75px"onclick="getRes()"/></TD>

       <TD><inputtype="button" value="/" style="width:75px"onclick="getNum('/')"/></TD>

</TR>

</TABLE>

</body>

</html>

JavaScript简易计算器
02-28
利用JavaScript简易计算器，北大青鸟javascript作业题
简易计算器（JavaScript）
weixin_45773503的博客
06-21 357
<html> <meta charset="utf-8"> <head> <script> // 插入 function insert(num) { document.form.textview.value = document.form.textview.value + num; } // 计算 function equal() { .
简易计算器-JavaScript
victo_chao的博客
03-09 336
&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
javascript简易计算器
m0_70392825的博客
05-31 741
html骨架 <div class="bar"> <input type="text" class="result"> <div class="button"> <div class="ss" onclick="clearResult()">清空</div> <div class="ss" style="font-size: 16px;" id="qieHua
JS实现简易计算器
10-15
从提供的文件内容中，我们可以提取以下知识点来介绍如何使用JavaScript实现一个简易计算器的功能。 ### HTML结构布局 1. **创建计算器界面**：使用HTML创建了一个计算器的基本界面，其中包含两个用于输入数字的...
html+js实现简易计算器功能
04-22
简易计算器，利用html+js实现，通过浏览器客户端进行编译实现，弹出窗口，进行选择计算。
javascript实现简易计算器功能
10-14
在本教程中，我们将探讨如何使用JavaScript实现一个简易计算器，涵盖基本的四则运算、小数点、回退、清零等核心功能。这个项目旨在帮助开发者熟练掌握JavaScript编程技巧，包括事件处理、异常处理以及页面元素交互。...
JavaScript实现简易计算器小功能
01-21
本文实例为大家分享了JavaScript实现简易计算器的具体代码，供大家参考，具体内容如下 <!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8> <title>计算器</title> &...
利用Javascript做一个简易计算器
2301_79783670的博客
08-29 314
JavaScript，计算器
javascript制作简易计算器
10-09
用javascript编程语言编写的简易计算器，仅包含+-*/运算
JavaScript实现简易计算器
呜呜呜，好难好难
03-13 4927
简易计算器 利用JavaScript语言，综合使用分支结构、循环结构、函数实现简易计算器功能。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-w
使用JavaScript制作简易计算器
最新发布
m0_58258716的博客
11-22 436
制作一个简易计算器，能进行加、减、乘、除四则运算。
利用JavaScript基础做一个简单计算器
shangan_3的博客
09-10 431
利用JavaScript基础做一个简单计算器；需求：用户输入2个数字，然后输入 + - * / 任何一个，可以计算结果；
使用 JavaScript 实现简易计算器
爱写代码的小朋友
10-25 1351
JavaScript实现计算器
javascript实现简单的计算器
weixin_60537353的博客
11-14 929
javascript实现简单的计算器
使用 HTML + CSS + JavaScript 制作简版计算器，提供加减乘除功能
Allen-
07-18 3554
构建一个基础的计算器是学习前端基础的一个很好的练习。本文将从零开始，带你实现一个基础的 JavaScript 计算器。这个计算器支持加减乘除运算，并能实时显示计算过程，帮助用户清晰了解每一步操作及其结果。
用JavaScript实现一个简易计算器功能
FlymaAqi，芜湖，飞马阿起，passion！passion！
06-11 1968
JavaScript实现简易计算器功能
用JavaScript写一个简易计算器
weixin_44424295的博客
03-08 1390
一个基于JavaScript的简易计算器，非常简易。 预期效果： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-s
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值