JavaScript和HTML实现的简单计算机

代码

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript">var result_1;//加法
     function add() {var a = getFirstNumber();var b = getTwiceNumber();var re = Number(a) + Number(b);sendResult(re);}//减法
     function subtract() {var a = getFirstNumber();var b = getTwiceNumber();var re = a - b;sendResult(re);}//乘法
     function ride() {var a = getFirstNumber();var b = getTwiceNumber();var re = a * b;sendResult(re);}//除法
     function devide() {var a = getFirstNumber();var b = getTwiceNumber();var re = a / b;sendResult(re);}//给p标签传值
     function sendResult(result_1) {var num = document.getElementById("result")num.innerHTML = result_1;}//获取第一位数字
     function getFirstNumber() {var firstNumber = document.getElementById("first").value;return firstNumber;}//获取第二位数字
     function getTwiceNumber() {var twiceNumber = document.getElementById("twice").value;return twiceNumber;}
</script>
</head>
<body><p>简单计算器:</p><table border="1" style="position: center;"><tr><td>第一个数：</td><td><input type="text" id="first" /></td></tr><tr><td>第二个数：</td><td><input type="text" id="twice" /></td></tr><tr><td colspan="2">&nbsp;<button style="width: inherit" οnclick="add()">+</button> &nbsp;<button style="width: inherit" οnclick="subtract()">-</button>&nbsp;<button style="width: inherit" οnclick="ride()">*</button> &nbsp;<button style="width: inherit" οnclick="devide()">/</button></td></tr><tr><td colspan="2" rowspan="2"><p id="result"></p></td></tr></table></body>
</html>

转载于:https://www.cnblogs.com/Alan0218/articles/8469056.html

JavaScript和HTML实现的简单计算机相关推荐

JavaScript面向对象--继承（超简单易懂，小白专属）...
JavaScript面向对象--继承 (超简单易懂,小白专属) 一.继承的概念子类共享父类的数据和方法的行为,就叫继承. 二.E55如何实现继承?探索JavaScript继承的本质 2.1构造函数之 ...
JavaScript解析json格式数据简单示例
JavaScript解析json格式数据简单示例本文通过for循环来获取json结点数据,需要的朋友可以参考以下这串json数据用来存储预加载的图片路径: 代码如下: var imgData = [ ...
计算机硬件基础课设总结,计算机硬件基础课程设计报告--简单计算机的设计.doc...
计算机硬件基础课程设计报告--简单计算机的设计计算机硬件基础 --课程设计学号: 姓名: 班级: 软件指导老师: 20 年 6 月一.设计目的与要求目的:通过对一个简单计算 ...
wince6 qt mysql_用Qt Creator开发Windows的简单计算机的程序
用Qt Creator开发Windows的简单计算机的程序因为这次的目的也是为了确认透过Qt来开发WinCE的程序所以请确认自己的环境是否有设定完成,这部分的进程请看http://www.dotb ...
计算机软件实习（一）简单计算机
计算机软件实习(一)简单计算机实验内容: (1) 学习图形界面的设计,利用 MFC 应用程序(Java swing 或 QT 框架,或 C#)创建基于对话框的应用程序,添加按钮.编辑框等控件: ( ...
7-1 简单计算机 (50 分)
7-1 简单计算机 (50 分) 作为一名计算机系的学生,我们都知道计算机在对数据的处理前会先把给定的数据转换成二进制类型再进行处理,处理完后再转换回原来的数据进制.现在我们也编写一个可以把任意十进制 ...
JavaScript基础第01天—编程语言—计算机基础—初始JavaScript—JavaScript注释—JavaScript输入输出语句—变量的使用—数据类型—关键字和保留字
JavaScript基础第01天 1 - 编程语言 1.1 编程编程: 就是让计算机为解决某个问题而使用某种程序设计语言编写程序代码,并最终得到结果的过程. 计算机程序: 就是计算机所执行的一系列的 ...
Javascript将构造函数扩展为简单工厂
一般而言,在Javascript中创建对象时需要使用关键字new(按构造函数去调用),但是某些时候,开发者希望无论new关键字有没有被显式使用,构造函数都可以被正常调用,即构造函数同时还具备简单工厂的 ...
JavaScript的几个概念简单理解（深入解释见You Don't know JavaScript这本书）
ES201X是JavaScript的一个版本. ES2015新的feature let, const Scope, 块作用域 Hoisting Closures DataStructures: Obj ...

JavaScript和HTML实现的简单计算机

JavaScript和HTML实现的简单计算机相关推荐

最新文章

热门文章