做一个简单的计算器的效果但是不能计算？
<form action="#">
第一个数：<input type="text" value="" id="num1"/><br/>
第二个数：<input type="text" value="" id="num2"/><br/><br/>
<input type="button" value="+" class="btn" onclick="numS('+')"/>
<input type="button" value="-" class="btn" onclick="numS('-')"/>
<input type="button" value="*" class="btn" onclick="numS('*')"/>
<input type="button" value="/" class="btn" onclick="numS('/')"/>
<br/>
计算结果：<input type="text" id="result" value=""/>
</form>
<script>
function numS(value){
var num1=document.getElementById('num1').value;
var num2=document.getElementById('num2').value;
switch (value){
case "+":
document.getElementById('result').value=num1+num2;
break;
case "-":
document.getElementById('result').value=num1-num2;
break;
case "*":
document.getElementById('result').value=num1*num2;
break;
case "/":
document.getElementById('result').value=num1/num2;
break;
}
}
以上是全部代码，在输入第一个值和第二个值之后点击+-*、按钮不能自行计算得出结果
语兮浏览 1479回答 2
2回答
-
韩棠
这样写就可以了<!doctype html><html><head><meta charset="utf-8"><title>中电建翔官方首页</title></head><body> <form action="#"> 第一个数：<input type="text" value="" id="num1"/><br/> 第二个数：<input type="text" value="" id="num2"/><br/><br/> <input type="button" value="+" class="btn" onclick="numS('+')"/> <input type="button" value="-" class="btn" onclick="numS('-')"/> <input type="button" value="*" class="btn" onclick="numS('*')"/> <input type="button" value="/" class="btn" onclick="numS('/')"/> <br/> 计算结果：<input type="text" id="result" value=""/></form></body><script> function numS(value){ var num1=document.getElementById('num1').value; var num2=document.getElementById('num2').value; num1 = parseInt(num1); num2 = parseInt(num2); switch (value){ case "+": document.getElementById('result').value=num1+num2; break; case "-": document.getElementById('result').value=num1-num2; break; case "*": document.getElementById('result').value=num1*num2; break; case "/": document.getElementById('result').value=num1/num2; break; } }</script> </html>应为js加号默认是把他们连接到一起了而不是加 -
慕少1338687
这种比较方便,好理解,你看看<body> <input type='text' id='txt1' /> <select id='select'> <option value='+'>+</option> <option value="-">-</option> <option value="*">*</option> <option value="/">/</option> </select> <input type='text' id='txt2' /> <input type='button' value=' = ' onclick='count()' /> <!--通过 = 按钮来调用创建的函数，得到结果--> <input type='text' id='fruit' /> </body> <script type="text/javascript"> function count(){ var te1=document.getElementById("txt1").value; var te2=document.getElementById("txt2").value; var se=document.getElementById("select").value; document.getElementById("fruit").value=eval(te1+se+te2); } </script>
随时随地看视频慕课网APP
相关分类
JavaScript