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>

  • 相关阅读:
    SpringCloud Alibaba Nacos详解
    常见设计模式
    Mybatis TypeHandler类型处理器
    Mybatis存取json字段转为Java对象方案
    Spring AOP 切面编程详解
    Spring Data 、Spring Data JPA 、Hibernate之间的关系及SpringDataJPA简单使用
    28张图解 | 互联网究竟是「如何连接,如何进行通信」的?
    Java代码实现 图片添加多行水印且自动换行
    SpringMVC 快速入门
    获取本地磁盘得到.txt文件
  • 原文地址:https://www.cnblogs.com/x1024/p/6000637.html
Copyright © 2011-2022 走看看