JavaScript制作簡易計(jì)算器
標(biāo)簽：
JavaScript
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<style>
.button
{
width: 55px;
height: 20px;
}
</style>
</head>
<body>
<table align="center">
<tr>
<td></td>
<td>购物简易计算器</td>
</tr>
<tr>
<td>第一个数</td>
<td><input type="text" id="oneNum"/></td>
</tr>
<tr>
<td>第二个数</td>
<td><input type="text" id="twoNum"/></td>
</tr>
<tr>
<td colspan="2">
<input onclick="add()" type="button" id="add" value="+" class="button" />
<input onclick="sub()" type="button" id="sub" value="-" class="button"/>
<input onclick="mul()" type="button" id="mul" value="*" class="button"/>
<input onclick="divide()" type="button" id="divide" value="/" class="button"/>
</td>
</tr>
<tr>
<td>计算结果</td>
<td><input type="text" id="result"/></td>
</tr>
</table>
</body>
<script>
var num_1=document.getElementById("oneNum");
var num_2=document.getElementById("twoNum");
var result=document.getElementById("result");
function add(){
result.value=parseFloat(num_1.value)+parseFloat(num_2.value);
}
function sub(){
result.value=parseFloat(num_1.value)-parseFloat(num_2.value);
}
function mul(){
result.value=parseFloat(num_1.value)*parseFloat(num_2.value);
}
function divide(){
result.value=parseFloat(num_1.value)/parseFloat(num_2.value);
}
</script>
</html>點(diǎn)擊查看更多內(nèi)容
4人點(diǎn)贊
評論
評論
共同學(xué)習(xí)，寫下你的評論
評論加載中...
作者其他優(yōu)質(zhì)文章
正在加載中
感謝您的支持，我會(huì)繼續(xù)努力的～
掃碼打賞，你說多少就多少
贊賞金額會(huì)直接到老師賬戶
支付方式
打開微信掃一掃，即可進(jìn)行掃碼打賞哦