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>

  • 相关阅读:
    C++ template —— 模板基础(一)
    《C++标准程序库》笔记之四
    《C++标准程序库》笔记之三
    《C++标准程序库》笔记之二
    C++标准程序库笔记之一
    JAVA中JPA的主键自增长注解设置
    SVN中服务器地址变更
    JAVA中正则表达式常用的四个方法
    反编译class文件并重新编译的方法
    JAVA中文件与Byte数组相互转换的方法
  • 原文地址:https://www.cnblogs.com/niuniudashijie/p/5998343.html
Copyright © 2011-2022 走看看