HTML/JS 简单计算器
来源:互联网 发布:手机淘宝店铺店招白色 编辑:程序博客网 时间:2024/06/05 19:43
<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>
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;
}
- HTML/JS 简单计算器
- html+js实现的简单计算器(加减乘除)
- Html+JS创建一个简单的计算器
- HTML+CSS+JS 简单的计算器
- (JS+HTML)简单的在线计算器(送给初学者们)
- html简单计算器
- HTML实现简单计算器
- 贼简单html计算器
- JS简单计算器
- js简单实现计算器
- js简单计算器
- 简单的JS计算器
- JS的简单计算器
- js 简单计算器
- JS简单计算器实例
- 简单--> js 计算器
- js简单计算器
- 简单的JS 计算器
- 面试中遇到的算法题(一)
- 深度学习(九)——花式卷积
- ASP.NET C# 如何在程序中控制IIS服务或应用程序池重启?
- js实现数字变动效果
- 如何优化tomcat配置(从内存、并发、缓存3个方面)优化
- HTML/JS 简单计算器
- 离散随机分布
- 程序员励志名言
- Hive的概念
- jvm整理
- RUDP传输那些事儿
- 安装CentOS6.4教程
- AngularJS $http
- curl 问题集锦