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

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

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

Q3 未定义