你的位置:首页 > Java教程

[Java教程]用js制作一个计算器


使用js制作计算器

<!doctype html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name="Author" content=""> <meta name="Keywords" content=""> <meta name="Description" content=""> <title>Document</title><script type="text/javascript">//相加function add(){var first=0;jai=Number(document.getElementById("text").value);var scoent=0;jia=Number(document.getElementById("text2").value);var sum=0;sum=jai+jia;document.getElementById("jieg").value=sum;}//相减function delect(){var jian=0;jian=jai-jia;document.getElementById("jieg").value=jian;}//相乘function chen(){var ce=0;ce=jai*jia;document.getElementById("jieg").value=ce;}//相除function chu(){var cu=0;cu=jai/jia;document.getElementById("jieg").value=cu;}</script> </head> <body> <table > <tr> <td colspan="4" align="center">购物简易计算器</td>   </tr>  <tr>   <td>第一个数</td>  <td colspan="3"><input type="text" id="text"></td>     </tr>   <tr>    <td>第二个数</td>  <td colspan="3"><input type="text" id="text2"></td>      </tr>    <tr>         <td><input type="submit" value="+" onclick="add()"></td>     <td><input type="submit" value="—" onclick="delect()"></td>     <td><input type="submit" value="X" onclick="chen()"></td>     <td><input type="submit" value="/" onclick="chu()"></td>    </tr>     <tr>      <td>计算结果</td>  <td colspan="3"><input type="text" id="jieg" /></td>             </tr>   </table> </body></html>