zoukankan      html  css  js  c++  java
  • 【JS学习】慕课网6-11编程联系 简单计算器

    使用JS完成一个简单的计算器功能。实现2个输入框中输入整数后,点击第三个输入框能给出2个整数的加减乘除。

    提示:获取元素的值设置和获取方法为:例:赋值:document.getElementById(“id”).value = 1; 取值:var 啊= document.getElementById(“id”).value;

    注意标签值的获取一定别忘了  value

    代码如下

     1 <!DOCTYPE html>
     2 <html>
     3  <head>
     4   <title> 事件</title>  
     5   <script type="text/javascript">
     6    function count(){
     7        
     8        
     9     //获取第一个输入框的值
    10     var x=parseInt(document.getElementById("txt1").value);
    11     //获取第二个输入框的值
    12     var y=parseInt(document.getElementById("txt2").value);
    13     //获取选择框的值
    14     var m=document.getElementById("select").value;
    15     //获取通过下拉框来选择的值来改变加减乘除的运算法则
    16     switch(m)
    17     {
    18         case'+':
    19         result=x+y;
    20         break;
    21         case'-':
    22         result=x-y;
    23         break;
    24         case'*':
    25         result=x*y;
    26         break;
    27         case'/':
    28         result=x/y;
    29         break;
    30          }
    31      //设置结果输入框的值      
    32    document.getElementById("fruit").value=result;
    33    }
    34   </script> 
    35  </head> 
    36 <body>
    37    <input type='text' id='txt1' /> 
    38    <select id='select'>
    39         <option value='+'>+</option>
    40         <option value="-">-</option>
    41         <option value="*">*</option>
    42         <option value="/">/</option>
    43    </select>
    44    <input type='text' id='txt2' /> 
    45 <input type='button' value=' = '  onClick="count()"/> <!--通过 = 按钮来调用创建的函数,得到结果--> 
    46 <input type='text' id='fruit' />   
    47 </body>
    48 </html>
  • 相关阅读:
    centos mongodb
    CentOS YUM 安装 TOMCAT6
    Linux切换工作目录命令:cd
    CentOS中JAVA_HOME的环境变量设置
    用Navicat for MySQL 连接 CentOS 6.5
    CentOS上开启MySQL远程访问权限
    centos7下yum安装mysql
    long数值 转换为时间
    安卓开发_浅谈AsyncTask
    ScrollView与ListView的事件冲突
  • 原文地址:https://www.cnblogs.com/lijie33402/p/4385211.html
Copyright © 2011-2022 走看看