不知道错在哪里了

不知道错在哪里了

<!DOCTYPE html>
<html>

<head>
    <title> 事件</title>

<script type="text/javascript">
function count() {
    /*此处写代码*/
    var operate = document.querySelector("#operate"),
        num1=document.querySelector("#num1").value,
        num2=document.querySelector("#num2").value,
        result;
    var operation = {
        add: function(num1,num2){
            return num1+num2;
        },
        substract: function(num1,num2){
            return num1-num2;
        },
        multiply: function(num1,num2){
            return num1*num2;
        },
        division:function(num1,num2){
            return num1/num2;
        }
    };
        
        switch(operate.options[operate.selectedIndex].value){
            case '+':result=operation.add(num1,num2);
            break;
            case '-':result=operation.substract(num1,num2);
            break;
            case '*':result=operation.multiply(num1,num2);
            break;
            case '/':result=operation.division(num1,num2);
            break;
        }
        document.querySelector("#result").value=result;
    
}
</head>
</script>
<body>
    <input type='text' id='num1' />
    <select id='operate'>
        <option value='+'>+</option>
        <option value="-">-</option>
        <option value="*">*</option>
        <option value="/">/</option>
    </select>
    <input type='text' id='num2' />
    <input type='button' value=' = ' onclick="count()" />
    <input type='text' id='result' />
</body>
</html>


正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

1回答
提问者 东方既白233 2017-05-31 22:12:18

<!DOCTYPE html>

<html>


<head>

    <title> 事件</title>


<script type="text/javascript">

function count() {

    /*此处写代码*/

    var operate = document.querySelector("#operate"),

        num1=document.querySelector("#num1").value,

        num2=document.querySelector("#num2").value,

        result;

    var operation = {

        add: function(num1,num2){

            return parseInt(num1)+parseInt(num2);

        },

        substract: function(num1,num2){

            return num1-num2;

        },

        multiply: function(num1,num2){

            return num1*num2;

        },

        division:function(num1,num2){

            return num1/num2;

        }

    };

        switch(operate.options[operate.selectedIndex].value){

            case '+':result=operation.add(num1,num2);

            break;

            case '-':result=operation.substract(num1,num2);

            break;

            case '*':result=operation.multiply(num1,num2);

            break;

            case '/':result=operation.division(num1,num2);

            break;

        }

    document.querySelector("#result").value=result;

    

}

</script>

</head>


<body>

    <input type='text' id='num1' />

    <select id='operate'>

        <option value='+'>+</option>

        <option value="-">-</option>

        <option value="*">*</option>

        <option value="/">/</option>

    </select>

    <input type='text' id='num2' />

    <input type='button' value=' = ' onclick="count()" />

    <input type='text' id='result' />

</body>

</html>

不用了,谢谢大家,犯了个低级错误,写太久jquery了.大家有好的建议可以提出来,比如好的书写格式,或者好的代码写法

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师