怎么用JS 写一个四则运算

发布网友发布时间：2022-04-21 04:33

共2个回答

懂视网时间：2022-05-15 08:54

这次给大家带来JS实现简单的四则运算，JS实现简单四则运算的注意事项有哪些，下面就是实战案例，一起来看一下。

具体代码如下：

<table class="tab">
 <tbody>
 <tr class="tr2"> 
  <td colspan="4">
  简易计算器
  </td>
 </tr> 
 <tr class="tr">  
  <td id="result" colspan="4">  
  </td> 
 </tr> 
 <tr>  
  <td id="+" class="tr1">
  +
  </td> 
  <td id="-" class="tr1">
  -
  </td> 
  <td id="*" class="tr1">
  *
  </td> 
  <td id="/" class="tr1">
  /
  </td> 
 </tr> 
 <tr>  
  <td id="7" class="tr1">
  7
  </td>
  <td id="8" class="tr1">
  8
  </td>
  <td id="9" class="tr1">
  9
  </td>
  <td id="0" class="tr1">
  0
  </td>
 </tr>
 <tr>  
  <td id="4" class="tr1">
  4
  </td> 
  <td id="5" class="tr1">
  5
  </td> 
  <td id="6" class="tr1">
  6
  </td> 
  <td id="." class="tr1">
  .
  </td> 
 </tr> 
 <tr>  
  <td id="1" class="tr1">
  1
  </td> 
  <td id="2" class="tr1">
  2
  </td> 
  <td id="3" class="tr1">
  3
  </td> 
  <td id="=" class="tr1">
  =
  </td> 
 </tr>
 </tbody>
</table>

简易计算器

+	-	*	/
7	8	9	0
4	5	6	.
1	2	3	=

对于这个程序来说，判断的顺序非常重要，不然就会把"+"号存在s2，s4中而不是s3中。

相信看了本文案例你已经掌握了方法，更多精彩请关注Gxl网其它相关文章！

推荐阅读：

Vue作用域插槽使用详解

JS实现评价星级

热心网友时间：2022-05-15 06:02

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>computer</title>
<script>
function compute(){
str1=Number(document.getElementById("txt1").value);
str2=Number(document.getElementById("txt2").value);
comp=document.getElementById("select").value;
var result;
switch(comp) {
case "+":
comp=str1+str2;
break;
case "-":
comp=str1-str2;
break;
case "*":
comp=str1*str2;
break;
case "/":
if(str2==0){
alert("除数不能为0！");
comp='';
}else{
comp=str1/str2;
}
break;
}
document.getElementById("result").value=comp;
}
</script>
</head>
<body>
<input type="text" id="txt1"/>
<select name="method" id="select">
<option value="+">+</option>
<option value="-">-</option>
<option value="*">*</option>
<option value="/">/</option>
</select>
<input type="text" id="txt2"/>
<input type="button" id="b1" value="等于" onclick="compute()" />
<input type="text" id="result"/>
</body>
</html>