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>

  • 相关阅读:
    Android 判断app何时是打开或者关闭的技术研究
    JSON返回DateTime/Date('123123123')/解决办法
    SpringMVC日期类型转换问题三大处理方法归纳
    jackson 转json. 过滤null值
    将java.util.Date类型转换成json时,使用JsonValueProcessor将date转换成希望的类型
    jackson 实体转json 为NULL或者为空不参加序列化
    美工与程序猿的Web工作怎样做到相对分离?
    jQuery 序列化表单数据 serialize() serializeArray()
    iOS开发- 隐藏状态栏(电池栏)
    《Programming Hive》读书笔记(一)Hadoop和hive环境搭建
  • 原文地址:https://www.cnblogs.com/niuniudashijie/p/5998343.html
Copyright © 2011-2022 走看看