码迷,mamicode.com
首页 > 编程语言 > 详细

Javascript

时间:2018-04-16 20:44:15      阅读:145      评论:0      收藏:0      [点我收藏+]

标签:java   function   ble   tle   shu   rip   计算   size   table   

用js做个简单的计算器。

getElementById

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>计算器</title>
<script type="text/javascript">
function jia(){
var shu1=Number(document.getElementById("diyi").value);
var shu2=Number(document.getElementById("dier").value);
document.getElementById("jieguo").value=shu1+shu2;
}
function jian(){
var shu1=Number(document.getElementById("diyi").value);
var shu2=Number(document.getElementById("dier").value);
document.getElementById("jieguo").value=shu1-shu2;
}
function cheng(){
var shu1=Number(document.getElementById("diyi").value);
var shu2=Number(document.getElementById("dier").value);
document.getElementById("jieguo").value=shu1*shu2;
}
function chu(){
var shu1=Number(document.getElementById("diyi").value);
var shu2=Number(document.getElementById("dier").value);
document.getElementById("jieguo").value=shu1/shu2;
}
</script>
</head>
<body>
<table border="1">
<tr>
<td colspan="3" align="center">计算器</td>
</tr>
<tr>
<td>第一个数</td>
<td><input type="text" size="20" id="diyi"></td>
<td><input type="button" value="+" onclick="jia()"></td>
</tr>
<tr>
<td>第二个数</td>
<td><input type="text" size="20" id="dier"></td>
<td><input type="button" value="-" onclick="jian()"></td>
</tr>
<tr colspan="2">
<td>结果</td>
<td><input type="text" size="20" id="jieguo"></td>
<td><input type="button" value="*" onclick="cheng()"></td>
</tr>
<tr>
<td colspan="2">运算方法,先两个数,再选择算法</td>
<td><input type="button" value="/" onclick="chu()"></td>
</tr>
</table>
</body>
</html>

 

 

技术分享图片

 

Javascript

标签:java   function   ble   tle   shu   rip   计算   size   table   

原文地址:https://www.cnblogs.com/hypfq/p/8858163.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!