Javascript Funktion fügt Text hinzu

Question

Ich machte ein js Quiz. Immer wenn die Schaltfläche "next" gedrückt wird, fügt der Text, der die Nummer der Frage liest, Text ein, der die Nummer der Frage anzeigt, anstatt sie zu ersetzen. Um zu verstehen, was ich meine, this is the link.

Dies ist der Code, der die Funktion für die Fragenummer lautet:

var header = $('<p>Question ' + (index + 1) + ' of ' + questions.length + '</p>'); 
$('#questionnum').append(header); 

Answer 1

Ihr Code sollte eigentlich .html() statt Append verwenden. Das Anhängen bedeutet das Hinzufügen am Ende, während das .html das innerHTML des Elements überschreibt.

var header = $('<p>Question ' + (index + 1) + ' of ' + questions.length + '</p>'); 
$('#questionnum').html(header); 

Answer 2

Sie .text Eigenschaft statt .append, um vollständig Text neu zu ändern verwenden soll. .append wird den Text weiter anhängen.

$('#questionnum').text(header); 

Sehen Sie sich diese jquery docs auf append() und text() Methoden.

Answer 3

können Sie rein verwenden JavaScript, wie dies auch:

document.getElementById("questionnum").innerHTML = header; 

Sie werden nicht solche Probleme haben es auf diese Art und Weise zu tun.