计算器



<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>runcode</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript">
function fun(t){
  var fa = parseInt(document.getElementById('fa').value);
  var fb = parseInt(document.getElementById('fb').value);
  var fc = document.getElementById('fc');
  if(isNaN(fa) || isNaN(fb)){
    alert("不可为空或输入错误");
    return;
  }
  switch(t){
    case 1:
      fc.value = fa + fb;
      break;
    case 2:
      fc.value = fa - fb;
      break;
    case 3:
      fc.value = fa * fb;
      break;
    case 4:
      fc.value = fa / fb;
      break;
  }
}
</script>
</head>
<body>
<input type="text" id="fa" value=""/>
<input type="button" value="+" onclick="fun(1);" />
<input type="button" value="-" onclick="fun(2);" />
<input type="button" value="x" onclick="fun(3);" />
<input type="button" value="/" onclick="fun(4);" />
<input type="text" id="fb" value=""/>
=
<input type="text" id="fc" value=""/>


</body>

</html>



//第二种

 <!DOCTYPE html>
 <html>
 <head>
 <meta charset="utf-8" />
 <title></title>
 <meta name="viewport" content="width=device-width,initial-scale=1">
 <script type="text/javascript">
  
 function changeDeal(ele){
 //得到运算符
 //var deal = document.getElementById("s1").value;
 //得到两个数字
 var num1=document.getElementById('text1').value;
 var num2=document.getElementById('text2').value;
 var num3;
 switch(ele){
 case "+":
 num3=Number(num1)+Number(num2);
 break;
 case "-":
 num3=Number(num1)-Number(num2);
 break;
 case "*":
 num3=Number(num1)*Number(num2);
 break;
 case "/":
 num3=Number(num1)/Number(num2);
 break;
 default :
  
 break;
 }
 //赋值
 document.getElementById("text3").value=num3;
 }
  
 </script>
 </head>
 <body>
 请输入第一个数:<input type="text" id="text1">&nbsp;&nbsp;
 <select id="s1" onchange="changeDeal(this.value);">
 <option value="">--请选择--</option>
 <option value="+">+</option>
 <option value="-">-</option>
 <option value="*">*</option>
 <option value="/">/</option>
 </select>&nbsp;&nbsp;
 请输入第二个数:<input type="text" id="text2">&nbsp;&nbsp;=&nbsp;&nbsp;
  
 <input type="text" id="text3"><br>
  
 </body>
 </html>
  
 <SCRIPT Language=VBScript><!--
  
 //--></SCRIPT>

阅读更多
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

关闭
关闭
关闭