用户尝试答案后，如何重置游戏板以进行下一个选择(jQuery)

Question

我正在做一个危险的游戏。我能够让用户选择一个正方形，问题带有输入框，他们单击提交，答案与正确的答案进行了比较。如果正确，请这样说，并将点添加到总计（如果错）中，请这样说，并从总计中扣除点。但是随后游戏被卡住了。我不知道如何准备游戏以选择下一个问题。

这是第一个问题的JS代码。如果您想要更多代码（我不想让这个问题很混乱），请告诉我。可能会有一个简单的解决方案，因此，如果您想知道"为什么不使用______，duh"，答案是因为我是菜鸟，我不知道该怎么办。非常感谢您。

codepen：http：//codepen.io/nplagma/pen/xnerrw

$(document).ready(function() {
  $(".question").hide();
var score = 0;
$(".well").hover(function() {
$(this).addClass('blue');
}, function() {
$(this).removeClass('blue');
});
$("#A1").click(function() {
var questionValue = $(this).data("questionvalue");
             $(".question").show();
             $('<h4>The "MVP" quarterback whose team is 14-6 when he doesn’t play.</h4>').appendTo('.question');
             $('#submit').click(function() {
                 $("#answer").on('input')
                    var answer = $('#answer').val(); //what does this mean in words? 

                    if 
                        (answer == "Tom Brady" || answer == "Brady" || answer == "brady" || answer == "tom brady") {
                        $('.question').replaceWith('<h3>omg you're so smart</h3>')      //using h3 because it'll be unique, but there must be a better way
                        score += questionValue;
                        $(".score").text("$" + score);
                    }
                    else 
                        {
                        $('.question').replaceWith('<h3>could NOT have been more wrong</h3>');
                        score -= questionValue;
                        $(".score").text("$" + score);
         }
});
                        });

Answer 1

仅用于您的信息。您选择的方法也许不是最适合该任务的方法。您的用户可以轻松地检查代码即可找到问题的答案。一种"更好"的方法是将所有数据（即问题和答案）存储在数据库中，并使用Ajax访问该数据。然后，您还需要学习后端语言和SQL。

您还使用不同的状态。当这种情况变得更加复杂时，您会发现控制它们并跟踪一切都是很痛苦的。这是前端框架真正发光的地方。我建议您检查一下。如今，它们有很多。反应，角度，流星，vue，骨干等。检查它们，并选择对您最有意义的一种。（

但是，如果您只做此应用程序来更好地学习JavaScript。继续您的方法：）