如何用js做一个简易计算器 15
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>实验一</title>
</head>
<link type="text/javascript" href="js.js"/>
<body>
<table align="center" border="1">
<tr>
<td colspan="5"><input type="text" id="t1"/></td>
<tr>
<tr>
<td colspan="5"><input type="text" id="t2"/></td>
<tr>
<td><input type="button" value="+" id="b1"/></td>
<td><input type="button" value="-" id="b2" /></td>
<td><input type="button" value="*" id="b3"/></td>
<td><input type="button" value="/" id="b4" /></td>
<td><input type="button" value="%" id="b5"/></td>
</tr>
<tr>
<td colspan="5"><input type="text" id="t3" /></td>
</tr>
</table>
</body>
</html>
function handlebutton(){
var t1=document.getElementById='t1';
var t2=document.getElementById='t2';
var value1=t1.value;
var value2=t2.value;
switch(button.value)
{
case "+":document.getElementById='t3'.value=parseFloat(value1)+parseFloat(value2);break;
case "-":document.getElementById='t3'.value=parseFloat(value1)-parseFloat(value2);break;
case "*":document.getElementById='t3'.value=parseFloat(value1)*parseFloat(value2);break;
case "/":document.getElementById='t3'.value=parseFloat(value1)/parseFloat(value2);
if(value2==0)
alert("错误");
break;
case "%":document.getElementById='t3'.value=value1%value2;
if(value2==0)
alert("错误");
}
}
var b1=document.getElementById='b1';
b1.onclick=handlebutton;
var b2=document.getElementById='b2';
b2.onclick=handlebutton;
var b3=document.getElementById='b3';
b3.onclick=handlebutton;
var b4=document.getElementById='b3';
b4.onclick=handlebutton;
var b5=document.getElementById='b3';
b5.onclick=handlebutton;
;
请问哪错了，运行不出来啊？ 展开
js做一个简易计算器具体如下：
<html>
<head>
<title>js运算</title>
<boby>
<table>
<tr>
<td>第一个数</td>
<td><input type="text" id="onesum"></td>
</tr>
<tr>
<td>运算符号</td>
<td><input type="text" id="fh"></td>
</tr>
<tr>
<td>第二个数</td>
<td><input type="text" id="twosum"></td>
</tr>
<tr>
<td>计算结果</td>
<td><input type="text" id="sum"></td>
</tr>
<tr>
<td colspan="2"><input type="button" value=" 计算 " onclick="js()"></td>
</tr>
<table>
<script>
function js(){
var num1=document.getElementById("onesum").value;
var num2=document.getElementById("twosum").value;
var fh=document.getElementById("fh").value;
var sum=0;
nu
m1=Number(num1);
num2=Number(num2);
if(fh=='+')
{
sum=num1+num2;
}
else if(fh=='-')
{
sum=num1-num2;
}else if(fh=='*')
{
sum=num1*num2;
}else if(fh=='/')
{
sum=num1/num2;
}
//alert(sum);
document.getElementById("sum").value=sum;
}
</script>
</boby>
</html>
JavaScript 教程 JavaScript 是属于网络的脚本语言！ JavaScript 被数百万计的网页用来改进设计、验证表单、检测浏览器、创建cookies，以及更多的应用。
杭州励贝电液科技有限公司
2023-08-23 广告
你这计算器.....为每个button添加单击事件，很浪费内存
<input type="text" id="num1"/>
<select id="cal">
<option value="1">+</option>
<option value="2">-</option>
<option value="3">*</option>
<option value="4">/</option>
</select>
<input type="text" id="num2" />
<input type="button" id="btn" value="计算"/>
<h2 id="result"></h2>
<script>
document.getElementById("btn").onclick=function(){
/*
判断输入是否为空(略)，为空则return
*/
//获取输入的值和运算符
var a=parseFloat(document.getElementById('num1').value);
var b=parseFloat(document.getElementById('num2').value);
var k=document.getElementById('cal').value;
console.log(a,b,k);
//运算符的值设置了1，2，3，4，option的value，即cal的value
switch(k){
case "1":
document.getElementById('result').innerHTML=a+b;
break;
case "2":
document.getElementById('result').innerHTML=a-b;
break;
case "3":
document.getElementById('result').innerHTML=a*b;
break;
case "4":
if(b==0){
alert("除数不能为0");
return;
}
else{
document.getElementById('result').innerHTML=a/b;
}
break;
}
}
</script>
