一个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,一经查实,立即删除!

相关文章

JavaScript之常用方法讲解

1.indexOf() 定义和用法 indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。 语法 stringObject.indexOf(searchvalue,fromindex) 参数描述searchvalue必需。规定需检索的字符串值。fromindex可选的整数参数。规定在字符串中开始检索的位置。它的合法取值是 0 …

实验16 编写包含多个功能子程序的中断例程

本实验是本书的第二个精华的实验。到此可以总结&#xff0c;汇编的重点在于跳转&#xff0c;这里的跳转包括jmp&#xff0c;call&#xff08;调用&#xff09;&#xff0c;int&#xff08;中断&#xff09;&#xff0c;这反映到操作系统上就是调用&#xff0c;线程、进程的切换…

前端学习(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…

逐个字符输出

num raw_input(input is : )#用户输入for i in range(len(num)): #循环取字符输出 print num[i] for i,ch in enumerate(num):#使用enumerate&#xff08;&#xff09;函数 print ch 转载于:https://www.cnblogs.com/timp/p/3652972.html

x86从实模式到保护模式实验说明

在做完王爽《汇编语言》所有实验后&#xff0c;到这里进入到操作系统的层面了。作为一个数学系的研究生自学计算机&#xff0c;摸索了很长时间后&#xff0c;感觉一个靠谱的路线是&#xff1a;先学会一门语言对计算机有一个感觉&#xff0c;能做点事情--》再学点数据结构&#…

前端学习(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;便可做出东西…

SQL - 将NULL设置为 NOT NULL

在有些时候&#xff0c;我们在创建表的时候&#xff0c;会忘掉设置某一个列的属性&#xff0c;比如忘了设置为非空&#xff0c;但是默认情况下系统会自动的设置为NULL。这样我们该怎样通过语句设置呢&#xff1f;&#xff1f; 例如有一个表&#xff0c;其中的一个属性为WM CHAR…

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

本章的实验的主要任务是安装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…

几种比较好看的滚动条样式及代码

7.代码&#xff1a; <div style"BORDER-RIGHT: 1px solid; BORDER-TOP: 1px solid; OVERFLOW: auto; BORDER-LEFT: 1px solid; WIDTH: 300px; DIRECTION: rtl; BORDER-BOTTOM: 1px solid; HEIGHT: 100px;"> <p alignleft>文字</p></DIV> 6.代…

线性表----链表

链表分为单链表&#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…

Java适配器的设计模式

1&#xff0c;Java接口&#xff0c;实现接口&#xff0c;完成某个功能。比如窗口的设计&#xff0c;usb接口的设计… 本文侧重将窗体类的设计模式&#xff0c;利用Java适配器。 接口如下&#xff1a; /*** * author echo lovely* 2020年4月7日下午8:34:02* 窗体接口* */ publi…

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

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

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

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