После того как пользователь попытается ответить, как сбросить игровое поле для следующего выбора (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.

Вы также используете разные штаты. Когда это усложняется, вы обнаружите, что его боль контролирует их и отслеживает все. Вот где действительно сидят интерфейсные рамки. Я бы рекомендовал вам проверить их. В настоящее время их много; React, Angular, Meteor, Vue, Backbone и т. Д. Проверьте их и выберите тот, который вам больше всего подходит. (

Однако, если вы только сделаете это приложение, чтобы лучше изучить javascript. Продолжайте свой подход :)