js做的简单的计算器

//1、实现简单计算器，分别输入两个数和一个运算符号，计算结果。计算过程使用一个带参数和带返回值得函数封装实现
  //alert(["+","-","*","/"].indexOf("%"));
   
  function method(n1,n2,fh){
  //判断是不是数字
  if( isNaN(n1) || isNaN(n2) ){
  return "<span style='color:red'>请输入正确的数字</span>";
  }
  //判断是不是符号
  if(["+","-","*","/"].indexOf(fh) == -1 ){
  return "请输入正确的符号（加减乘除）";
  }
  //计算并返回结果
  var num = eval(n1+fh+n2);
  return num;
  }
  function jisuan(){
  //获取两个数字和一个符号
  var n1 = document.getElementById("one").value,
  n2 = document.getElementById("two").value,
  fh = document.getElementById("fh").value;
  //调用方法 并接受返回值
  var num = method(n1,n2,fh);
  //把返回值放到span标签里面
  document.getElementById("jg").innerHTML = num;
   
  //简写
  //document.getElementById("jg").innerHTML = method(n1,n2,fh);
  }
   
<body>
  数字1：<input type="text" id="one" ><br>
  数字2：<input type="text" id="two"><br>
  符号：<input type="text" id="fh"><br>
  <button onClick="jisuan()">计算</button> 结果为：<span id="jg"></span>
   
  </body>
posted @ 2017-10-19 15:36  落落无伤  阅读(1099)  评论(0)    收藏  举报