非小白勿入!!!
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版的计算器相关推荐

  1. 再见,xShell,自己用Java撸一个Web版的,网友直呼:666

    作者 | ObjectSpace 来源 | https://sourl.cn/apXiEy 前言 最近由于项目需求,项目中需要实现一个WebSSH连接终端的功能,由于自己第一次做这类型功能,所以首先上 ...

  2. 花了20分钟,给女朋友们写了一个web版群聊程序

    WebSocket详解 WebSocket 是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议. WebSocket 使得客户端和服务器之间的数据交换变得更加简单,允许服务端主动 ...

  3. Android辅助H5做一个Web版的相册功能

    主要是两个功能,返回相册列表给H5,和选中图片. 1.获取相册列表用伪造的图片http url,让H5容器先拿到列表,然后在img请求具体图片的时候使用shouldInterceptRequest拦截 ...

  4. 有趣的Web版Ubuntu Linux

    其实这不是真的 Ubuntu 啦.不过,在看到 Wubuntu 时,其逼真的模仿效果真是令人惊叹不已.不管怎么样,让我们来体验一把 Web 版的 Ubuntu 吧.首先,我们会经历一个 Ubuntu ...

  5. EAN-13条形码编码规则演示程序web版

    之前翻译了一篇关于EAN-13编码规则的文章(<EAN-13条形码编码规则>),为了配合这篇文章,FuWaer使用html+javascript+vml编写了一个web版的EAN-13条形 ...

  6. ipad 的android模拟器,iPad Simulator:免费Web版iPad模拟器

    iPad Simulator相关图片(图片来源:Techweb.com.cn) [TechWeb报道]1月6日消息,新酷网站:免费web版iPad模拟器 看过Steve Jobs演示iPad视频的朋友 ...

  7. 【生命游戏】纯前端web版,可在线体验

    前言 关于[生命游戏]之前小编写发过一篇Java版的,这里就不再对其介绍了,不了解的读者可以点下方链接前往了解: https://blog.csdn.net/weixin_44155115/artic ...

  8. 基于Django和翻译API实现web版的中英文对照翻译(一)

    笔者经常需要翻译一些英文文档,但是试用了一些商业软件之后,一来觉得满足不了自己的翻译习惯,二来也是觉得对于个人来说,使用需要的收费的东西总是会有些顾忌. 一番了解之后,决定选用搜狗翻译/有道翻译官方提 ...

  9. 手把手教你撸一个Web汇率计算器

    手把手教你撸一个Web汇率计算器 前言 前段时间刚接触到前端网页开发,但是对于刚入门的小白而言,像flask.Django等这类稍大型的框架确实不太适合,今天这个Dash是集众家之长于一体的轻量化We ...

最新文章

  1. nginx之 nginx-1.9.7 编译安装、理论简介
  2. 【每日一算法】删列造序
  3. linux内核打开prntk,操作系统实验一向Linux内核增加一个系统调用.docx
  4. 机器学习实践:TensorFlow最后一个epoch训练损失函数显著增大
  5. Visio绘制时序图
  6. 微信做了个新功能,网友并不买账:就为了给QQ充会员?
  7. win7充当无线路由器
  8. 二叉树的遍历 《算法导论》10.4-1~10.4-3 10.4-5
  9. undefined reference问题总结
  10. Trafodion的介绍
  11. 将一个存放了若干个对象的数组按照对象的某个属性值进行分组
  12. LitePal数据的存储
  13. WinCC数据报表控件
  14. FPS射击游戏透视自瞄之搞定数据逆向csgo(一)-(三)
  15. 手机端设置缩放的解决方法和遇到的UC浏览器的坑
  16. 全国计算机等级考试二级 Python 语言程序设计考试大纲(2022年版)
  17. idea报错:Parent ‘Unknown:Unknown:Unknown‘ has problems
  18. 高尔夫热潮四月优雅袭卷鹏城,深圳值得期待的运动类别盛会
  19. compare_exchange_weak
  20. 软件工程专业就业前景如何 这个几个误区要了解

热门文章

  1. 前端学习(891):bom导读
  2. 第一百二十三期:免费在线制图神器!不上水印支持中文版,GitHub标星已破1万2
  3. java学习(118):vector类
  4. java学习(50):子类继承会优先调用父类的构造器
  5. java学习(38):数组排序(直接排序)
  6. java响应很慢排插_服务响应时间慢:Java SecureRandom和/ dev / random - java
  7. 泛型参数怎么new_泛型编程,你不知道?(基础篇)
  8. openwrt 19 overlay 空间不足_重视 | 山西一矿井瓦斯爆炸,有限空间作业切记注意安全...
  9. Python学习——02-Python基础——【9-面向对象进阶】——isinstance(obj,cls)、反射等...
  10. 【VBA】多条件去重