本篇文章给大家分享的是有关使用JavaScript如何实现一个计算器,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。
具体内容如下
<!DOCTYPE html> <html> <head> <title>14th_test</title> <meta charset="gb2312"> </head> <body> <h2>这是一个标题</h2> <p>以下是一个简易计算器</p> <table border="1" > <tr> <th>第一个数</th> <td><input id="fir" type="text" /></td> </tr> <tr> <th>第二个数</th> <td><input id="sec" type="text" /></td> </tr> <tr> <td colspan="2"> <button type="button" οnclick="add()">+</button> <button type="button" οnclick="substract()">-</button> <button type="button" οnclick="multiply()">*</button> <button type="button" οnclick="divide()">/</button> </td> </tr> <tr> <td colspan="2"><p id="result"></p></td> </tr> </table> <script> var res; //保存计算结果 function add() { var first = document.getElementById("fir").value; var second = document.getElementById("sec").value; res = Number(first) + Number(second); //这里"+"两端必须Number类型转换,否则当成字符串连接 sent(res); } function substract() { var first = document.getElementById("fir").value; var second = document.getElementById("sec").value; res = first - second; sent(res); } function multiply() { var first = document.getElementById("fir").value; var second = document.getElementById("sec").value; res = first * second; sent(res); } function divide() { var first = document.getElementById("fir").value; var second = document.getElementById("sec").value; res = first / second; sent(res); } function sent(re) { document.getElementById("result").innerHTML = re; } </script> </body> </html>
以上就是使用JavaScript如何实现一个计算器,小编相信有部分知识点可能是我们日常工作会见到或用到的。希望你能通过这篇文章学到更多知识。更多详情敬请关注亿速云行业资讯频道。
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。