猿问

做一个简单的计算器的效果但是不能计算?

<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;
        }

    }
以上是全部代码,在输入第一个值和第二个值之后点击+-*、按钮不能自行计算得出结果
语兮
浏览 1465回答 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
我要回答