码迷,mamicode.com
首页 > Web开发 > 详细

js之简易计算器

时间:2016-10-26 16:30:55      阅读:189      评论:0      收藏:0      [点我收藏+]

标签:cas   初学者   option   height   计算器   click   charset   style   count()   

####闲来无事,写点小东西给初学者,下面是一个简易的计算器,我们来看具体的代码:    
    <!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>

js之简易计算器

标签:cas   初学者   option   height   计算器   click   charset   style   count()   

原文地址:http://www.cnblogs.com/x1024/p/6000637.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!