下面小编就为大家带来一篇 html+js 实现简单的计算器代码 (加减乘除 ) 。小编觉得挺不错的，
现在就分享给大家，也给大家做个参考。
html+js 实现简单的计算器代码 <!DOCTYPE html> <html> <head>
<meta http-equiv=\"Content-Type\" content=\"text/html; charset=utf-8\" /> <title></title> </head> <body> <table> <tr>
<td><input
'add');\"/></td>
(加减乘除 )
type=\"button\"
value=\"add\" onclick=\"setOp('+',
<td><input
'miner');\"/></td>
<td><input 'times');\"/></td>
<td><input
'divide');\"/></td>
type=\"button\"
value=\"miner\"
value=\"times\"
onclick=\"setOp('-', onclick=\"setOp('*',
type=\"button\"
type=\"button\"
value=\"divide\" onclick=\"setOp('/',
</tr> </table>
<table id=\"tb_calc\" style=\"display:none;\"> <tr>
<td> <input id=\"x\" type=\"text\" style=\"width:100px\" value=\"\" name=\"x\" /></td>
<td> <lable id=\"op\" name=\"op\"></lable> </td> <td> name=\"y\" /> </td>
<td> <input id=\"opTips\" type=\"button\" value=\"\" onclick=\"calc();\"/>
</td>
<td> <lable id=\"z\" name=\"z\"></lable> </td> </tr> </table>
<script type=\"application/javascript\"> function setOp(op, opTips) {
var tb=document.getElementById(\"tb_calc\"); tb.style.display = \"none\";
document.getElementById(\"x\").value = \"\"; document.getElementById(\"y\").value = \"\"; document.getElementById(\"z\").innerText = \"\";
<input id=\"y\" type=\"text\" style=\"width:100px\" value=\"\"
document.getElementById(\"op\").innerText = op; document.getElementById(\"opTips\").value = opTips; tb.style.display = \"block\"; }
function calc() {
var x = parseInt(document.getElementById(\"x\").value); var y = parseInt(document.getElementById(\"y\").value); var op = document.getElementById(\"op\").innerText; var z = \"\";
switch(op) {
case '+':
z = x + y; break; case '-':
z = x - y; break; case '*': ;
z = x * y; break; case '/': ;
z = x / y; break; default: z = ''; }
console.log(x, op, y, '=', z);
document.getElementById(\"z\").innerText = z; } </script> </body> </html>
以上这篇 html+js 实现简单的计算器代码 (加减乘除 ) 就是小编分享给大家的全部内容了，希望能给大家一个参考
因篇幅问题不能全部显示，请点此查看更多更全内容