Code für Feedback auf gleicher Seite

Question

Ich wollte dass die Teilnehmer, wenn sie eine Antwort ausählen sofort Feedback bekommen, ob die Antwort richtig oder falsch ist. Es ist notwendig, dass die Antwort nach Auswahl nicht mehr geändert werden kann. Ich habe diesen Code verwendet, welcher auch erstmal genau das tat. Ist man danach jedoch auf weiter gegangen, erschien ein Feld, dass die Frage nicht beantwortet wurde.

  <div id="feedback" style="display:none;"></div>
  <script>
function checkAnswer() {
    // Richtige Antwort (kann angepasst werden)
    var correctAnswer = "4"; // Beispiel für die richtige Antwort (Index beginnt bei 1)

// Benutzerantwort ermitteln
var userAnswer = document.querySelector('input[name="M103"]:checked');

if (!userAnswer) {
    alert("Bitte wählen Sie eine Antwort aus.");
    return;
}

var feedbackElement = document.getElementById('feedback');

if (userAnswer.value === correctAnswer) {
    feedbackElement.innerHTML = "Ihre Antwort ist richtig! Super weiter so!";
    feedbackElement.style.color = "green";
} else {
    feedbackElement.innerHTML = "Ihre Antwort ist leider falsch. Denken Sie genau nach.";
    feedbackElement.style.color = "red";
}
feedbackElement.style.display = "block";

// Deaktivieren der Antwortmöglichkeiten
var inputs = document.querySelectorAll('input[name="M103"]');
for (var i = 0; i < inputs.length; i++) {
    inputs[i].disabled = true;

   }
}

// Event-Listener hinzufügen
document.addEventListener('DOMContentLoaded', function() {
    var inputs = document.querySelectorAll('input[name="M103"]');
    inputs.forEach(function(input) {
        input.addEventListener('change', checkAnswer);
    });
});
</script>

Answer 1

Es ist notwendig, dass die Antwort nach Auswahl nicht mehr geändert werden kann.

Wenn Sie das Feedback auf derselben Seite zeigen möchten, wie die Frage, dann haben Berfragte mit ein wenig Hintergrundwissen zu Browsern und HTML immer die Möglichkeit, die Frage noch zu ändern. Wenn wir von prüfungsrelevanten Fragen sprechen, dann müssten sie die Anordnung machen wie folgt:

• Seite mit der Frage
• Seite mit Feedback
• nächste Frage entweder auf dieselbe Seite oder auf eine neue Seite

Ist man danach jedoch auf weiter gegangen, erschien ein Feld, dass die Frage nicht beantwortet wurde.

Einige Browser übermitteln keine Antwort mehr, sobald die Eingabefelder disabled = true sind. Je nach Art des Eingabefelds ist stattdessen ein readonly = true möglich.