网页版计算器

最新推荐文章于 2022-11-29 09:32:17 发布
置顶 最新推荐文章于 2022-11-29 09:32:17 发布
阅读量1.6k 收藏
点赞数 1
分类专栏： javascript H5/CSS3 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/huang0903/article/details/84109022
版权
前端 同时被 3 个专栏收录
15 篇文章 0 订阅
订阅专栏
javascript
10 篇文章 0 订阅
订阅专栏
H5/CSS3
5 篇文章 0 订阅
订阅专栏

下载地址：https://download.csdn.net/download/huang0903/10787364

HTML作业：

  1. Make a WebPage and it is similar with Google or Baidu search page.
  2. 参考Window自带的计算器程序，用HTML做一个类似的界面。

用JavaScript实现一个运算式的计算

a. 支持加，减，乘，除（+, -, *, /)

b. 支持输入合法的数字，包括小数，不考虑非法输入和数字越界（0-9, .）

sample : "3+8.3*1" 结果是11.3 ”3.2 + 0 -8.7“ 结果是-5.5

附加题：在运算式计算中支持括号: ”(“, ”)”.

 

看其他人有用eval()函数的，也行不用自己实现了

Bluck.
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js网页版计算器的简单实现
10-27
介绍了网页版计算器的简单实现代码，有需要的朋友可以参考一下
辐条长度计算器
05-05
此文档用于方便驴友计算辐条的长度,便于网购.
辐条长度计算器(编圈必备工具).rar
09-03
软件介绍: 骑行者编写的一款用于计算辐条长度的计算器，根据填写的钢线数、有效轮圈直径、花鼓直径、花鼓中心偏移量及辐条孔直径、交织编法、钢线长度等参数快速计算相应辐条长度。
java-spokeLength:辐条长度计算器
06-30
java-spokeLength 辐条长度计算器。
专业辐条长度计算器
08-25
此计算器是目前最为专业的辐条长度计算器，输入参数后计算出辐条长的同时计算左右侧的辐条拉力比率，支持非对称孔位轮圈的辐条计算，其中包括“sothis 14速内变速花鼓”编圈辐条长度计算和通用花鼓辐条长度的计算，绿色软件无需安装解压直接使用，需要以微软的Excel软件为基础（使用时请确认你的电脑上已经安装了Excel），计算的结果可以直接打印出来
JavaWeb——网页计算器
lisahfuu的专栏
11-29 5519
综合运用HTML，CSS，JavaScript技术，完成网页计算器案例的学习
Winform版计算器
wangjingjing1014的专栏
04-11 1031
--前台页面设计 --后台代码实现 using System; using System.Collections.Generic; using System.ComponentModel; using System.Data; using System.Drawing; using System.Linq; using System.Text; using System.
JavaScript实现网页计算器
Alanx的博客
03-21 4883
Hbuilder X中实现网页计算器（+-*/） 文章目录 一、计算器代码 二、代码分析 一、计算器代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>计算器</title> <style type="text/css"> .kuang { border: 2px black soli...
最好的辐条长度计算器
02-11
前端单车开发，功能最全的辐条长度计算器，包括直头辐条、G3、各种2：1类型的计算。目前国外也没有功能这么全的同类型计算器
网页计算器
qq_58849698的博客
07-27 199
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script> function calc(func){ var result =document.getElementById('result'); ...
辐条长度计算器v1.0绿色免费版
08-03
辐条长度计算器是一款用于计算辐条长度的计算器，根据填写的钢线数、有效轮圈直径、花鼓直径、花鼓中心偏移量及辐条孔直径、交织编法、钢线长度等参数快速计算相应辐条长度，是编圈必备工具！ 软件相关 辐条是由一个中心或中枢在同一平面上向外伸展的许多杆、棒或直线。 1. 通常由一个中心或中枢在同一平面上向外伸展的许多杆、棒或直线。 2.车轮中连接车毂和轮圈的一条条直棍或钢条。 3.三段变径辐条 4
简易网页版计算器
10-17
一个简单的基于web service 的计算器
根据ID获取对象数组中的一条数据的索引
bluck Huang
01-03 5086
var index = dataList.map(function (item) { return item.Id; }).indexOf(Id);  
npm install时报zlib: unexpected end of file错误
bluck Huang
01-18 2894
先删除node_modules文件夹 执行： npm cache clean --force 3.重新安装就好了
查看和修改git的用户名、邮箱
bluck Huang
06-25 1870
查看用户名和邮箱地址              git config user.name git config user.email修改用户名和邮箱地址git config --global user.name "username" $ git config --global user.email "email"...
vux组件库中Xbutton的click事件
bluck Huang
06-29 1619
官方文档的解决办法
js sort 双重排序
bluck Huang
12-14 1491
js 对level字段和date字段进行排序 先按照level排序，如果level相等再按照date排序 代码如下，亲测能用. var datas = [ {"title":"asd","level":2,"content":"asd","date":"12/14/2018, 8:09:44 PM"}, {"title":"asd","level":3,"co...
html做一个网页版计算器
最新发布
06-01
好的，以下是一个简单的 HTML 网页版计算器的代码示例： ```html <!DOCTYPE html> <html> <head> <title>网页版计算器</title> <meta charset="UTF-8"> <style> input[type=button] { width: 50px; height: 50px; font-size: 20px; margin: 5px; } input[type=text] { width: 206px; height: 50px; font-size: 20px; margin: 5px; } </style> </head> <body> <h1>网页版计算器</h1> <input type="text" id="result" readonly><br> <input type="button" value="1" onclick="appendValue('1')"> <input type="button" value="2" onclick="appendValue('2')"> <input type="button" value="3" onclick="appendValue('3')"> <input type="button" value="+" onclick="appendValue('+')"><br> <input type="button" value="4" onclick="appendValue('4')"> <input type="button" value="5" onclick="appendValue('5')"> <input type="button" value="6" onclick="appendValue('6')"> <input type="button" value="-" onclick="appendValue('-')"><br> <input type="button" value="7" onclick="appendValue('7')"> <input type="button" value="8" onclick="appendValue('8')"> <input type="button" value="9" onclick="appendValue('9')"> <input type="button" value="*" onclick="appendValue('*')"><br> <input type="button" value="0" onclick="appendValue('0')"> <input type="button" value="." onclick="appendValue('.')"> <input type="button" value="C" onclick="clearResult()"> <input type="button" value="/" onclick="appendValue('/')"><br> <input type="button" value="=" onclick="calculate()"> <script> function appendValue(value) { document.getElementById("result").value += value; } function clearResult() { document.getElementById("result").value = ""; } function calculate() { var result = eval(document.getElementById("result").value); document.getElementById("result").value = result; } </script> </body> </html> ``` 该网页版计算器使用了 HTML、CSS 和 JavaScript 技术，包含一个文本框用于显示运算结果，以及若干个按钮用于输入数字和运算符。JavaScript 代码实现了输入内容的追加、清空、以及运算结果的计算和显示。注意，该计算器仅作为示例，不具备完整的计算器功能和安全性，仅供学习和参考。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值