zoukankan      html  css  js  c++  java
  • js小功能3:一个简单的计算器功能

    html:

    <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' /> 

    js:

    <script>
    function count(){

    var vtxt1=parseInt(document.getElementById('txt1').value);

    var vtxt2=parseInt(document.getElementById('txt2').value);
    var vselect=document.getElementById('select').value; 
    var result='';
    switch (vselect){
    case '+':{
    result
    =vtxt1+vtxt2; break;
    }
    case '-':{
    result
    =vtxt1-vtxt2; break;
    }
    case '*':{
    result
    =vtxt1*vtxt2; break;
    }
    case '/':{
    result
    =vtxt1/vtxt2; break;
    }
    }
    document.getElementById(
    'fruit').value=result
    }
    </script>
  • 相关阅读:
    Java学习笔记
    JSP/Servlet笔记
    JavaScript笔记
    JavaScript笔记
    JavaScript笔记 – 程序语法设计
    Mybatis笔记
    Mybatis笔记
    Mybatis笔记 – 关联查询
    Mybatis笔记 – Po映射类型
    Mybatis笔记
  • 原文地址:https://www.cnblogs.com/colorful-paopao1/p/11205479.html
Copyright © 2011-2022 走看看