Question

我正在尝试制作一个问题，一旦用户完成，将根据他们的答案给出答案。我决定通过为每个答案制作变量来做到这一点，这些变量得到+1依赖于他们的点击。并在最后显示具有最高值的变量。看起来很简单但由于某些原因变量没有响应点击的变化

继承我的代码

HTML

<div class="container contentContainer text-center" id="top-Container">
    <div class="row">
    <div class="col-md-12">


    <div id="questions"></div>
    <div id="answer"></div>
    <div id="buts"> 

    <input id="a1" class="btn btn-success" type="button" value="a">
    <input id="b1" class="btn btn-success" type="button" value="b">
    </div>

    <div id="buts2">

    <input id="a2" class="btn btn-success" type="button" value="do you prefer a ">
    <input id="b2" class="btn btn-success" type="button" value="b">
                </div>

JS

<script>

        var ansa        ="this is answera";
        var ansb    ="this is answerb";

        //questions//
        var Q1 = "do you prefer answerb ?"; 
        var Q2 = "do you prefer answera?";


        $("#questions").html(Q1);



                for (var i=0; i<15; i++) {
            $("#buts"+[i]).hide();
        }



                //need more diagnosises//
        var answera=0;
        var answerb=0;


        $("#a1").click(function(){

            answera+=1;
            $("#questions").html(Q2);
            $("#buts").hide();
            $("#buts2").fadeIn();

        });
        $("#b1").click(function(){
            answera+=1;
            $("#questions").html(Q2);
            $("#buts").hide();
            $("#buts2").fadeIn();
        });

        //Is it affected by hot or cold//
        $("#a2").click(function(){
            answerb+=1;
            answera+=1;
            $("#questions").html(Q3);
            $("#buts2").hide();

        });
        $("#b2").click(function(){
            answerb+=1;

            $("#questions").html(Q3);
            $("#buts2").hide();

        });

    console.log(answera);
    console.log(answerb);

    if (answera>answerb) {
        $("#answers").html(ansa);
        }else {
        $("#answers").html(ansb);
        }
    </script>

Answer 1

#answers应更改为#answer，因为您已分配的id div为answer。

Answer 2

$("#questions").html(Q3);

未定义Q3

JQUery在按钮单击时更改变量值并返回

2 个答案: