用js简单实现计算器功能

最新推荐文章于 2022-07-18 20:26:24 发布

香妹儿

最新推荐文章于 2022-07-18 20:26:24 发布

阅读量788

点赞数

分类专栏：前端生涯文章标签： counter Math function

本文链接：https://blog.csdn.net/qq_43553184/article/details/84988586

版权

前端生涯专栏收录该内容

11 篇文章 0 订阅

订阅专栏

我用的是比较蠢的一种方式，基本用到的就是Math一些相关方法/属性和简单的函数，完整代码如下：

<html>
   <head>
       <meta charset="UTF-8">
       <title></title>
       <script>
           function inputEvent(e){
           var val=e.innerHTML;
           var xsval=document.getElementById("i1");
           xsval.value+=val; }
+
           function inputresult(){
           var xsval=document.getElementById("i1");
           xsval.value=eval(document.getElementById("i1").value);}

           function clearNum(){
           var xsval=document.getElementById("i1");
           xsval.value="";
           document.getElementById("i1").focus();}

           function sinEvent(){
           var xsval=document.getElementById("i1");
           xsval.value=Math.sin(document.getElementById("i1").value); }

           function cosEvent(){
           var xsval=document.getElementById("i1");
           xsval.value=Math.cos(document.getElementById("i1").value); }

           function asinEvent(){
           var xsval=document.getElementById("i1");
           xsval.value=Math.asin(document.getElementById("i1").value); }

           function acosEvent(){
           var xsval=document.getElementById("i1");
           xsval.value=Math.acos(document.getElementById("i1").value); }

           function tanEvent(){
           var xsval=document.getElementById("i1");
           xsval.value=Math.tan(document.getElementById("i1").value); }

           function atanEvent(){
           var xsval=document.getElementById("i1");
           xsval.value=Math.atan(document.getElementById("i1").value); }

           function logEvent(){
           var xsval=document.getElementById("i1");
           xsval.value=Math.log(document.getElementById("i1").value); }

           function expEvent(){
           var xsval=document.getElementById("i1");
           xsval.value=Math.exp(document.getElementById("i1").value); }

           function sprtEvent(){
           var xsval=document.getElementById("i1");
           xsval.value=Math.sprt(document.getElementById("i1").value); }

           function powEvent(){
           var xsval=document.getElementById("i1");
           xsval.value=Math.pow(document.getElementById("i1").value),-1;}

           function PIEvent(){
           var xsval=document.getElementById("i1");
           xsval.value=Math.PI;}

           function EEvent(){
           var xsval=document.getElementById("i1");
           xsval.value=Math.E;}
       </script>
   </head>
   <body>
       <table border="1px" >
           <tr>
               <td colspan="7"style="text-align: center;">javascript计算器</td>
           </tr>
           <tr>
               <td colspan="7"> <input id="i1" style="width: 250px;"; type="text" value=""/> </td>
           </tr>
           <tr>
               <td><button οnclick="sinEvent()" >sin</button></td>
               <td><button οnclick="cosEvent()" >cos</button></td>
               <td><button οnclick="inputEvent(this)" >1</button></td>
               <td><button οnclick="inputEvent(this)" >2</button></td>
               <td><button οnclick="inputEvent(this)" >3</button></td>
               <td><button οnclick="inputEvent(this)" >+</button></td>
           </tr>
           <tr>
               <td><button οnclick="asinEvent()" >asin</button></td>
               <td><button οnclick="acosEvent()" >acos</button></td>
               <td><button οnclick="inputEvent(this)" >4</button></td>
               <td><button οnclick="inputEvent(this)" >5</button></td>
               <td><button οnclick="inputEvent(this)" >6</button></td>
               <td><button οnclick="inputEvent(this)" >-</button></td>
           </tr>
           <tr>
               <td><button οnclick="tanEvent()" >tan</button></td>
               <td><button οnclick="atanEvent()" >atan</button></td>
               <td><button οnclick="inputEvent(this)" >7</button></td>
               <td><button οnclick="inputEvent(this)" >8</button></td>
               <td><button οnclick="inputEvent(this)" >9</button></td>
               <td><button οnclick="inputEvent(this)" >*</button></td>
           </tr>
           <tr>
               <td><button οnclick="logEvent()" >log</button></td>
               <td><button οnclick="expEvent()" >exp</button></td>
               <td><button οnclick="inputEvent(this)" >0</button></td>
               <td><button οnclick="inputEvent(this)" >.</button></td>
               <td><button οnclick="inputresult(this)" >=</button></td>
               <td><button οnclick="inputEvent(this)" >/</button></td>
           </tr>
           <tr>
               <td><button οnclick="sprtEvent()" >sprt</button></td>
               <td><button οnclick="powEvent()" >1/x</button></td>
               <td><button οnclick="PIEvent()" >PI</button></td>
               <td><button οnclick="EEvent()" >E</button></td>
               <td colspan="2"><button οnclick="clearNum()" >清除</button></td>
           </tr>
       </table>
   </body>
</html>

香妹儿

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
用js简单实现计算器功能

我用的是比较蠢的一种方式，基本用到的就是Math一些相关方法/属性和简单的函数，完整代码如下：<html> <head> <meta charset="UTF-8"> <title></title> <script> function...
复制链接

扫一扫

专栏目录