zoukankan      html  css  js  c++  java
  • js之简易计算器

    ####闲来无事,写点小东西给初学者,下面是一个简易的计算器,我们来看具体的代码:    
        <!DOCTYPE html>
        <html lang="en">
        <head>
        <meta charset="UTF-8">
        <title>简易计算器</title>
        <style>
          div{
            height: 100px;
            margin: 200px 350px;
          }
        </style>
        <script type="text/javascript">
        function getId(idname){
          return document.getElementById(idname)
        }
        function count(){
          switch(getId("select").value){
            case "+":
              getId("txt3").value=parseInt(getId("txt1").value)+parseInt(getId("txt2").value)
            break;
        
            case "-":
              getId("txt3").value=getId("txt1").value-getId("txt2").value
            break;
        
            case "*":
              getId("txt3").value=getId("txt1").value*getId("txt2").value
            break;
        
            case "/":
              getId("txt3").value=getId("txt1").value/getId("txt2").value
            break;
          }
        }
        </script>
        </head>
        <body>
        <div>
          <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">
          <button onclick="count()">=</button>
          <input type="text" id="txt3" onclick="count()">
        </div>
        
        </body>
        </html>

  • 相关阅读:
    硬币游戏—— 代码分析与改进
    之于我
    C语言中unsigned char与char的区别
    用户体验分析: 以 “通大就业微信公众号” 为例
    2017(秋)软工作业: (2)硬币游戏—— 代码分析与改进
    我与软件工程
    软件工程第四次作业
    软件工程第三次作业
    软件工程第二次作业
    作业四 用户体验分析:以 “师路南通网站” 为例
  • 原文地址:https://www.cnblogs.com/x1024/p/6000637.html
Copyright © 2011-2022 走看看