<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>計算</title>
<script type="text/javascript">
function $(id){
return document.getElementById(id);
}
function calc(id){
obj = document.getElementById(id);
try{
obj.value=eval(obj.value);
}catch(e){
obj.value="錯誤的算式";
}
}
function setNumber(val){
$("receivedNum").value=$("receivedNum").value+val;
}
function del(id){
$(id).value="";
}
</script>
<style type="text/css">
.num{
border: 1px black solid;
width: 40px;
height:40px;
font-size:14pt;
background: gray;
text-align: center;
cursor: pointer;
}
</style>
</head>
<body>
<table style="background-color: #ffffff;border: 1px gray solid;">
<tr>
<td class="num" colspan="5">計算器</td>
</tr>
<tr>
<td class="num" colspan="5">
<input style="font-size:12pt; height:30px;width:220px;text-align: right" id="receivedNum" value=""/>
</td>
</tr>
<tr>
<td class="num" onclick="del('receivedNum')">DEL</td>
<td class="num" onclick="setNumber(1)">1</td>
<td class="num" onclick="setNumber(2)">2</td>
<td class="num" onclick="setNumber(3)">3</td>
<td class="num" onclick="setNumber('+')">+</td>
</tr>
<tr>
<td class="num" onclick="setNumber(4)">4</td>
<td class="num" onclick="setNumber(5)">5</td>
<td class="num" onclick="setNumber(6)">6</td>
<td class="num" onclick="setNumber(7)">7</td>
<td class="num" onclick="setNumber('-')">-</td>
</tr>
<tr>
<td class="num" onclick="setNumber(8)">8</td>
<td class="num" onclick="setNumber(9)">9</td>
<td class="num" onclick="setNumber(0)">0</td>
<td class="num" onclick="setNumber('*')">*</td>
<td class="num" onclick="setNumber('/')">/</td>
</tr>
<tr>
<td colspan="5" class="num" onclick="calc('receivedNum')">=</td>
</tr>
</table>
<a style="font-size:18pt;" href="http://blog.csdn.net/yangymy" target="_blank">--------請關注我喲--------</a>
</html>簡單的計算器
發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章