JavaScript 简单计算器
来源:互联网 发布:sql server 字符串主键 编辑:程序博客网 时间:2024/06/07 22:10
html源代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=GB18030"><title>简单计算器</title></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"> <button style="width:inherit" onclick="add()">+</button> <button style="width:inherit" onclick="subtract()">-</button> <button style="width:inherit" onclick="ride()">*</button> <button style="width:inherit" onclick="devide()">/</button></td> </tr> <tr> <td colspan="2" rowspan="2"> <p id="result"></p></td> </tr> </table> <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></body></html>
0 0
- 简单javascript计算器
- javaScript 简单计算器
- 简单的JavaScript计算器
- 简单的javascript计算器
- javaScript 简单计算器
- JavaScript 简单的计算器
- javaScript编写简单计算器
- 简单的javascript计算器
- JavaScript编写简单计算器
- JavaScript简单计算器
- JavaScript: 制作简单计算器
- 简单的JavaScript计算器
- JavaScript 简单计算器
- javascript简单计算器
- javascript实现简单计算器
- JavaScript简单计算器
- javascript简单计算器
- 用Javascript写简单计算器
- 【JavaEE】Servlet的doGet()和doPost()方法
- 关于IE9下用按钮触发file上传控件,请求无法触发的问题
- 面向对象设计原则之依赖倒转原则
- Unity3D研究院之手游开发中所有特殊的文件夹
- Spark机器学习之协同过滤
- JavaScript 简单计算器
- XDOJ-1009-Josephus环的复仇(线段树解约瑟夫环)
- Oracle导入带中文的sql文件,报ORA-01756: 引号内的字符串没有正确结束
- C语言中二重指针和指针数组以及数组指针的测试
- PAT
- linux初学 unit10 练习
- 深入理解JVM笔记-第12章
- 面试基础知识整理 —— 树
- c#事件处理小例子