简单的javascript计算器

最新推荐文章于 2024-09-22 11:17:00 发布

S_sts

最新推荐文章于 2024-09-22 11:17:00 发布

阅读量357

点赞数

分类专栏： Javascript 文章标签： javascript html switch js select

本文链接：https://blog.csdn.net/s_sts/article/details/45797249

版权

Javascript 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

最近刚刚学习了javascript，所以写了一个计算器，页面很low，不过对应的加减乘除都有。以后深入了js再完善完善页面吧。

<!DOCTYPE html>
<!-- Auther:S_sts-->
<!-- 20150517-->
<html>
 <head>
  <title> 计算器</title>
  <script type="text/javascript">
   function count(){
    var app;
    var a=document.getElementById("txt1").value;//获取第一个输入框的值
    var b=document.getElementById("txt2").value;//获取第二个输入框的值
    var c=document.getElementById("select").value;//获取选择框的值
    switch(c){
        case "+":app=parseInt(a)+parseInt(b);break;
        case "-":app=parseInt(a)-parseInt(b);break;
        case "*":app=parseInt(a)*parseInt(b);break;
        default :app=parseInt(a)/parseInt(b);
    }//获取通过下拉框来选择的值来改变加减乘除的运算法则
    document.getElementById("fruit").value=app;//设置结果输入框的值
   }
  </script>
 </head>
<h1>Javascript 计算器</h1>
<p>请在下面对应的框内输入要计算的数值。下拉框选择计算方式。</p>
 <body>
   <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=' = ' οnclick="count()"/> <!--通过 = 按钮来调用创建的函数，得到结果-->
   <input type='text' id='fruit' />
 </body>
</html>