zoukankan      html  css  js  c++  java
  • 用JS,做一个简单的计算器

    <!DOCTYPE html>

    <html>

     <head>

       <meta charset="utf-8"> 

       <title></title>

      </head>

       <body >

       <input type='text' id='txt1' />

        <select id='select'>      

           <option value='+'>+</option>

           <option value="-">-</option>

           <option value="*">*</option>

           <option value="/">/</option>

        </select>

        <input type='text' id='txt2' />

        <input type='button' value=' = ' onclick="count()"/>

        <!--通过 = 按钮来调用创建的函数,得到结果-->

        <input type='text' id='fruit' />

     </body>

      <script type="text/javascript">

       //制做简单计算器

          function count() {

           var txt1 = document.all.txt1.value;

           var txt2 = document.all.txt2.value;

           var s=document.all.select.value;

           var z;

           switch(s){

            case "+":                              z=parseFloat(txt1)+parseFloat(txt2);break;

            case "-":

              z=parseFloat(txt1)-parseFloat(txt2);break;

            case                            "*":z=parseFloat(txt1)*parseFloat(txt2);break;

            case         "/":z=parseFloat(txt1)/parseFloat(txt2);break;

     

     

             }

             document.getElementById("fruit").value=z;

     

            }

         </script>

     

    </html>

  • 相关阅读:
    【收集】13款Linux系统有
    【收集】13款Linux系统有
    献给母亲节的沙画,致此生最爱——母亲!
    ACM2136
    WTF is The BlockChain?
    Java 多线程(上)
    Kubernetes集群部署DNS插件
    Vue组件
    写在APIO2016之前
    5G-NR物理信道与调制-下行链路v1.1.0
  • 原文地址:https://www.cnblogs.com/niuniudashijie/p/5998343.html
Copyright © 2011-2022 走看看