JS做计算器

最新推荐文章于 2023-09-18 09:54:05 发布

小白晒太阳

最新推荐文章于 2023-09-18 09:54:05 发布

阅读量2k

点赞数

分类专栏：网页设计文章标签： input class function generator div javascript

本文链接：https://blog.csdn.net/tjpu_lin/article/details/7667509

版权

网页设计专栏收录该内容

6 篇文章 0 订阅

订阅专栏

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <title> New Document </title>
  <meta name="Generator" content="EditPlus">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <style type="text/css">
  .p{width:30;height:30;}
  </style>
  <script type="text/javascript"language="javascript">
  var number1='';
  var number2='';
  var sign=0;
  var result=0.0;
  var number3=0;
  var ls=false;
  function getN(number){
  if(sign==0){
  number1+=number;
  document.getElementById("result").value=number1;
  }
  else{
  number2+=number;
  document.getElementById("result").value=number2;
  }
  }


  function dot1(){
  if(sign==0){
  number1+='.';
  document.getElementById("result").value=number1;
  }
  else{
  number2+='.';
  document.getElementById("result").value=number2;
  }
  }
  function operate(symbol){
  sign=symbol;
  }


  function calculate(){
  number3=parseFloat(number2);
  if(sign==1){
  if(ls==false){
  result=parseFloat(number1)+parseFloat(number2);
  ls=true;
  }
  else{
  result+=number3;
  }
  };
  if(sign==2){
  if(ls==false){
  result=parseFloat(number1)-parseFloat(number2);
  ls=true;
  }
  else{
  result-=number3;
  }
  };
  if(sign==3){
  if(ls==false){
  result=parseFloat(number1)*parseFloat(number2);
  ls=true;
  }
  else{
  result*=number3;
  }
  };
  if(sign==4){
  if(ls==false){
  result=parseFloat(number1)/parseFloat(number2);
  ls=true;
  }
  else{
  result/=number3;
  }
  };
  document.getElementById("result").value=result;
  
  }


  function clear1(){
  number1='';
  number2='';
  sign=0;
  number3=0;
  result=0;
  ls=false;
  document.getElementById("result").value=0;
  }
  
  </script>
 </head>


 <body>
<div><input type="text"id="result"></div><br>
  <div>
  <input type="button"value="1"class="p"οnclick="getN(1);">
  <input type="button"value="2"class="p"οnclick="getN(2);">
  <input type="button"value="3"class="p"οnclick="getN(3);">
  <input type="button"value="+"class="p"οnclick="operate(1);">
  </div><br>
  <div>
  <input type="button"value="4"class="p"οnclick="getN(4);">
  <input type="button"value="5"class="p"οnclick="getN(5);">
  <input type="button"value="6"class="p"οnclick="getN(6);">
  <input type="button"value="-"class="p"οnclick="operate(2);">
  </div><br>
  <div>
  <input type="button"value="7"class="p"οnclick="getN(7);">
  <input type="button"value="8"class="p"οnclick="getN(8);">
  <input type="button"value="9"class="p"οnclick="getN(9);">
  <input type="button"value="*"class="p"οnclick="operate(3);">
  </div><br>
  <div>
  <input type="button"value="0"class="p"οnclick="getN(0);">
  <input type="button"value="/"class="p"οnclick="operate(4);">
  <input type="button"value="."class="p"οnclick="dot1();">
  <input type="button"value="="class="p"οnclick="calculate();">
  </div><br>
  <div>
   <input type="button"value="清除"style="width:140px"οnclick="clear1();">
  </div>
 </body>

</html>

小白晒太阳

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JS做计算器

New Document .p{width:30;height:30;} var number1=''; var number2=''; var sign=0; var result=0.0; var number3=0; var ls=false; function getN(number){ if(sign==0)
复制链接

扫一扫

专栏目录