Ich mache ein gefährliches Spiel. Ich bin in der Lage, einen Benutzer ein Quadrat auswählen zu lassen, die Frage erscheint mit einem Eingabefeld, sie klicken auf Senden und die Antwort wird mit der richtigen Antwort verglichen. Wenn es richtig ist, sag es und addiere Punkte zur Summe, wenn es falsch ist, sage das und ziehe Punkte von der Summe ab. Aber dann ist das Spiel fest. Ich kann mir nicht vorstellen, wie das Spiel für die nächste Frage bereit sein soll.Nachdem Benutzer Versuche beantworten, wie man Spielbrett für die nächste Auswahl (jquery) zurücksetzen
Hier ist der Js-Code für die erste Frage. Bitte lassen Sie mich wissen, wenn Sie mehr Code wollen (ich wollte nicht, dass diese Frage unordentlich ist). Es mag eine einfache Lösung geben. Wenn Sie sich also fragen, warum benutzen Sie nicht einfach ______, duh? Die Antwort ist, weil ich ein Noob bin und ich nicht wusste, wie. Vielen Dank im Voraus.
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);
}
});
});