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>

  • 相关阅读:
    常用CSS英文字体介绍
    LotusPhp学习四:Cookie 组件的使用
    VS 项目创建失败集合
    对于访问IIS元数据库失败的解决 和 服务器应用程序不可用 解决方案!
    SilverLight DataBinding绑定详解(学习笔记)
    基于WCF的即时通讯的设计与实现
    反编译Silverlight项目(转载)
    Silverlight 3中param参数列表汇总
    数据库LINQ TO SQL在Silverlight中的应用(WCF)学习笔记(一)
    Silverlight 自定义控件模板管理 (silverlight 学习笔记)
  • 原文地址:https://www.cnblogs.com/niuniudashijie/p/5998343.html
Copyright © 2011-2022 走看看