JavaScript ist deaktiviert. Für eine bessere Darstellung aktiviere bitte JavaScript in deinem Browser, bevor du fortfährst.

Auf Thema antworten

Beitrag: [QUOTE="Sempervivum, post: 15149, member: 3917"] Hallo Dirk und willkommen im Forum! Ich hoffe, die Frage hat sich noch nicht erledigt? Ich habe mal die Optionen bzw. Antworten in der Funktion NextQuestion gemischt. Lies meine Kommentare und versuche, zu verstehen, wie es funktioniert: [CODE]// function for displaying next question in the array to dom //also handles displaying players and quiz information to dom function NextQuestion(index) { handleQuestions() const currentQuestion = shuffledQuestions[index] document.getElementById("question-number").innerHTML = questionNumber document.getElementById("player-score").innerHTML = playerScore; document.getElementById("display-question").innerHTML = currentQuestion.question; // Array mit Optionen bereitstellen, Kurztexte: const options = [ "optionA", "optionB", "optionC", "optionD" ]; // Array mischen // Quelle für den Algorithmus: // https://stackoverflow.com/questions/2450954/how-to-randomize-shuffle-a-javascript-array console.log(options) for (let i = options.length - 1; i > 0; i--) { const j = Math.floor(Math.random() * (i + 1)); [options[i], options[j]] = [options[j], options[i]]; } console.log(options); // Container mit den Antworten bzw. Optionen bereit stellen: const optContainers = document.querySelectorAll('.game-options-container span'); optContainers.forEach((container, idx) => { // Aktuelle Option bereit stellen: opt = options[idx]; // Value im Radiobutton und Text im Label eintragen: container.querySelector('input').value = opt; container.querySelector('label').textContent = currentQuestion[opt]; }); // Dies kann jetzt entfallen: // document.getElementById("option-one-label").innerHTML = options[0]; // document.getElementById("option-two-label").innerHTML = options[1]; // document.getElementById("option-three-label").innerHTML = options[2]; // document.getElementById("option-four-label").innerHTML = options[3]; } [/CODE] Beste Grüße, Ulrich [/QUOTE]

Authentifizierung