一个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>

只可加减乘除了。作业的需求就是这样。🤣 测试的加法。
这是+

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/421028.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

前端学习(1049):todolist正在进行和已经完成阶段2

<!DOCTYPE html> <html lang"en"><head><meta charset"UTF-8"><meta name"viewport" content"widthdevice-width, initial-scale1.0"><title>todoList待办事项</title><script src"…

终于学会上传图片了\( ̄︶ ̄*\))

actionbigItem要点使用smartupload jar 包html 表单提交数据有三种类型的提交bigItem 做项目&#xff0c;发现了一个技术难点。 要上传图片到服务器。 要点 1&#xff0c;smartupload jar 包下载。 2&#xff0c;部署jar包 使用smartupload jar 包 Jsp页面操作 <html…

前端学习(1050):todolist正在进行个数和已完成个数

<!DOCTYPE html> <html lang"en"><head><meta charset"UTF-8"><meta name"viewport" content"widthdevice-width, initial-scale1.0"><title>todoList待办事项</title><script src"…

第一次体验python有感

python解释器python学习工具pycharmpython的类库&#xff08;numpy matplotlib&#xff09; python是一门动态型的语言&#xff0c;无需变量&#xff0c;有值&#xff0c;它自动确认变量&#xff0c;类库及其强大&#xff0c;丰富&#xff0c;几句代码&#xff0c;便可做出东西…

第三章 汇编语言和汇编软件

本章的实验的主要任务是安装NASM这个软件&#xff0c;在安装的时候有一个重要的一点就是软件版本要严格按照书中的要求&#xff0c;虽然作者说过可以下载更新的版本&#xff0c;但是实践表明会出现各种莫名的错误&#xff0c;书中的所有软件都可以在网上很容易找到☺&#xff0…

第四章 虚拟机的安装和使用

本章的主要是用virtualBox创建一个虚拟机&#xff0c;创建的过程基本上和书上的一样&#xff0c;有个别不一样的地方也不难&#xff0c;百度一下就知道了。 最后测试自己的虚拟VHD硬盘是否安装成功的方法&#xff1a; 1&#xff0c;用fixvhdwr.exe打开自己创建的虚拟硬盘Kong…

数据结构的介绍

数据结构逻辑结构集合线性结构树形结构图形结构数据的储存结构顺序储存结构链式储存结构索引储存结构散列储存结构数据的操作数据结构分为 逻辑&#xff0c;储存&#xff0c;数据的操作。逻辑结构 是指数据间存在的逻辑关系&#xff0c;与数据的储存无关。 两个要素组成&#…

第五章 编写主引导扇区代码

本章的思路是&#xff0c;在本机上上写一段代码&#xff08;这些代码的意义是往显存中写一些数据&#xff09;--》编译成bin文件--》写入到vhd硬盘的引导扇区&#xff08;即第一扇区&#xff0c;见第四章详述&#xff09;--》开机从硬盘启动&#xff0c;从而执行了自己写的这段…

第六章 相同的功能,不同的代码

本章的代码和上一章实现的是同样的功能&#xff0c;但是本章采用更合理的技巧去组织代码&#xff0c;使代码更通用、易懂。具体代码贴在下面&#xff0c; ;代码清单6-1;文件名&#xff1a;c06_mbr.asm;文件说明&#xff1a;硬盘主引导扇区代码;创建日期&#xff1a;2011-4-12 2…

线性表----链表

链表分为单链表&#xff0c;循环链表&#xff0c;双向链表。 1&#xff0c;链表 采用链式方式储存的线性表称为链表&#xff0c;链表是用若干地址分散的存储单元存储数据元素。必须采用附加信息表示数据元素之间的逻辑关系&#xff08;逻辑上相邻结点地址-指针域&#xff09;。…

第七章 比高斯更快的计算

下面这段代码的功能是在显存0xb800:0 写入“123...1005050”这个字符串&#xff0c;没有什么难度。 ;代码清单7-1;文件名&#xff1a;c07_mbr.asm;文件说明&#xff1a;硬盘主引导扇区代码;创建日期&#xff1a;2011-4-13 18:02jmp near startmessage db 123...100start:mov ax…

第8章 硬盘和显卡的访问与控制

首先声明&#xff0c;这一章非常重要&#xff0c;如果刚开始读不懂&#xff0c;读不下去&#xff0c;一定要坚持&#xff0c;还有读这本书的一个要求是王爽《汇编语言》看两遍&#xff0c;并做完所有的课后实验。这一章其实是操作系统的的加载和引导过程。其中涉及的有硬盘读写…

和不安全的Android说再见,Google为它添加新铠甲

伴随着最近被曝出的Heartbleed漏洞&#xff0c;安全问题再次成为网络上的热点话题。虽然Android的安全性并没有外界传言的那样脆弱&#xff0c;但Google还是在继续为其增加防护措施。根据Android官方博客的消息&#xff0c;Google最近对Android上的应用程序验证机制进行了一次升…

face-recognition库(人脸识别库)安装,使用

一&#xff0c;起因 1&#xff0c;在某hub上下载了所谓“最简单的人脸识别项目”。 2&#xff0c;开始了face-recognition的安装之路。 3&#xff0c;人脸识别在win10上的使用&#xff0c;识别图像上面的人脸。 二&#xff0c;安装face-recognition库 1&#xff0c;我用的都…

python入门--字符串,切片

1&#xff0c;python关键字 2&#xff0c;代码的缩进&#xff08;有冒号, 下一行空格&#xff09; 注意下面 3&#xff0c;python多行语句 4&#xff0c;python空行 类与函数间空行&#xff0c;方法与方法间空行&#xff0c;函数与函数空行。 5&#xff0c;控制台输入 下…

第9章 中断和动态时钟显示

本章的第一个代码功能是在屏幕中间实时显示时间&#xff0c;其实现的思想是&#xff1a;cpu停机---》时间每秒更新一次&#xff0c;每一次更新都会引起0x70中断&#xff08;0x70中断的内容已经被我们更改为显示当前时间&#xff09;---》中断唤醒cpu开始执行我们的中断程序知道…

linux 架构

最内层是我们的硬件&#xff0c;最外层是我们常用的各种应用&#xff0c;比如说使用firefox浏览器&#xff0c;打开evolution查看邮件&#xff0c;运行一个计算流体模型等等。硬件是我们的物质基础&#xff0c;而应用是我们所要奋斗的目标&#xff0c;但在两者之间&#xff0c;…

py学习,列表,判断,循环

列表 1.1 列表是什么 python 中可以通过组合一些值得到多种复合数据类型。其中最常用的是列表&#xff0c;可以通过方括号括起&#xff0c;逗号分隔的一组值&#xff08;元素&#xff09;得到&#xff0c;一个列表可以包含不同类型的元素&#xff0c;一个列表的元素各个类型相同…