JQUery Änderungswert der Variablen beim Klick auf die Schaltfläche mit Return

Question

Ich versuche einen Fragebogen zu erstellen, der, sobald er vom Benutzer ausgefüllt wurde, eine Antwort liefert, die von seiner Antwort abhängt. Ich entschied mich, dies zu tun, indem ich Variablen für jede Antwort mache, die +1 abhängig von ihrem Klick erhalten. und am Ende die Variable mit dem höchsten Wert anzeigen. scheint einfach genug, aber aus irgendeinem Grunde Variablen reagiert nicht auf Änderungen auf Klicks

heren meinen Code

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 geändert werden soll #answer, weil th e id von div, die Sie zugewiesen haben, ist answer.

Answer 2

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

Q3 ist nicht definiert