一个web版的计算器
非小白勿入!!!
emmmm,最近写js作业复习题,有个计算器的题目,我就拿来啦,哈哈哈。
想着html也是一种良好的界面嘛,还可以手动改变(js),哈哈哈,就有此了。
关键tm浏览器还可以解析,又还是跨平台的,你说羞(秀)不羞(秀)。
不bb,直接代码啦。
<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title>my calculate</title><script type="text/javascript">function getNum(obj) {var a = document.getElementById("firstNum").value;var b = document.getElementById("secondNum").value; a = Number.parseFloat(a);b = Number.parseFloat(b); var sum = 0;switch (obj){case "+":sum = a + b;break;case "-":sum = a - b;break;case "*":sum = a * b;break;case "/":sum = a / b;break;default:break;}document.getElementById("sum").value = sum;}</script></head><body><table border="1px" width="600px" height="300px" style="text-align: center;"><tr><td>第一个数:</td><td><input type="text" id="firstNum" /></td></tr><tr><td>第二个数:</td><td><input type="text" id="secondNum" /></td></tr><tr><td colspan="2"><button onclick="getNum('+')">+</button><button onclick="getNum('-')">-</button><button onclick="getNum('*')">*</button><button onclick="getNum('/')">/</button></td></tr><tr><td>结果:</td><td><input type="text" id="sum"/></td></tr></table></body>
</html>
只可加减乘除了。作业的需求就是这样。
一个web版的计算器相关推荐
- 再见,xShell,自己用Java撸一个Web版的,网友直呼:666
作者 | ObjectSpace 来源 | https://sourl.cn/apXiEy 前言 最近由于项目需求,项目中需要实现一个WebSSH连接终端的功能,由于自己第一次做这类型功能,所以首先上 ...
- 花了20分钟,给女朋友们写了一个web版群聊程序
WebSocket详解 WebSocket 是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议. WebSocket 使得客户端和服务器之间的数据交换变得更加简单,允许服务端主动 ...
- Android辅助H5做一个Web版的相册功能
主要是两个功能,返回相册列表给H5,和选中图片. 1.获取相册列表用伪造的图片http url,让H5容器先拿到列表,然后在img请求具体图片的时候使用shouldInterceptRequest拦截 ...
- 有趣的Web版Ubuntu Linux
其实这不是真的 Ubuntu 啦.不过,在看到 Wubuntu 时,其逼真的模仿效果真是令人惊叹不已.不管怎么样,让我们来体验一把 Web 版的 Ubuntu 吧.首先,我们会经历一个 Ubuntu ...
- EAN-13条形码编码规则演示程序web版
之前翻译了一篇关于EAN-13编码规则的文章(<EAN-13条形码编码规则>),为了配合这篇文章,FuWaer使用html+javascript+vml编写了一个web版的EAN-13条形 ...
- ipad 的android模拟器,iPad Simulator:免费Web版iPad模拟器
iPad Simulator相关图片(图片来源:Techweb.com.cn) [TechWeb报道]1月6日消息,新酷网站:免费web版iPad模拟器 看过Steve Jobs演示iPad视频的朋友 ...
- 【生命游戏】纯前端web版,可在线体验
前言 关于[生命游戏]之前小编写发过一篇Java版的,这里就不再对其介绍了,不了解的读者可以点下方链接前往了解: https://blog.csdn.net/weixin_44155115/artic ...
- 基于Django和翻译API实现web版的中英文对照翻译(一)
笔者经常需要翻译一些英文文档,但是试用了一些商业软件之后,一来觉得满足不了自己的翻译习惯,二来也是觉得对于个人来说,使用需要的收费的东西总是会有些顾忌. 一番了解之后,决定选用搜狗翻译/有道翻译官方提 ...
- 手把手教你撸一个Web汇率计算器
手把手教你撸一个Web汇率计算器 前言 前段时间刚接触到前端网页开发,但是对于刚入门的小白而言,像flask.Django等这类稍大型的框架确实不太适合,今天这个Dash是集众家之长于一体的轻量化We ...
最新文章
- nginx之 nginx-1.9.7 编译安装、理论简介
- 【每日一算法】删列造序
- linux内核打开prntk,操作系统实验一向Linux内核增加一个系统调用.docx
- 机器学习实践:TensorFlow最后一个epoch训练损失函数显著增大
- Visio绘制时序图
- 微信做了个新功能,网友并不买账:就为了给QQ充会员?
- win7充当无线路由器
- 二叉树的遍历 《算法导论》10.4-1~10.4-3 10.4-5
- undefined reference问题总结
- Trafodion的介绍
- 将一个存放了若干个对象的数组按照对象的某个属性值进行分组
- LitePal数据的存储
- WinCC数据报表控件
- FPS射击游戏透视自瞄之搞定数据逆向csgo(一)-(三)
- 手机端设置缩放的解决方法和遇到的UC浏览器的坑
- 全国计算机等级考试二级 Python 语言程序设计考试大纲(2022年版)
- idea报错:Parent ‘Unknown:Unknown:Unknown‘ has problems
- 高尔夫热潮四月优雅袭卷鹏城,深圳值得期待的运动类别盛会
- compare_exchange_weak
- 软件工程专业就业前景如何 这个几个误区要了解
热门文章
- 前端学习(891):bom导读
- 第一百二十三期:免费在线制图神器!不上水印支持中文版,GitHub标星已破1万2
- java学习(118):vector类
- java学习(50):子类继承会优先调用父类的构造器
- java学习(38):数组排序(直接排序)
- java响应很慢排插_服务响应时间慢:Java SecureRandom和/ dev / random - java
- 泛型参数怎么new_泛型编程,你不知道?(基础篇)
- openwrt 19 overlay 空间不足_重视 | 山西一矿井瓦斯爆炸,有限空间作业切记注意安全...
- Python学习——02-Python基础——【9-面向对象进阶】——isinstance(obj,cls)、反射等...
- 【VBA】多条件去重