Um das genau zu beantworten, müsste man auch das HTML sehen: Hast Du frage1, frage2, etc. als Klasse oder als IDs zugewiesen?
Ich empfehle, dass Du dich über CSS-Selektoren informierst, z. B. hier:
https://wiki.selfhtml.org/wiki/CSS/Selektoren
Auf jeden Fall kann man sagen: Globale Variablen haben zwar Nachteile, aber für den Anfang sollte idxQuestion global sein, denn wenn Du sie innerhalb der Funktion submitQuiz definierst, wird sie bei jedem Aufruf wieder mit 0 initialisiert.
HTML
<!doctype html>
<html>
<head>
<script language="javascript" type="text/javascript" src="javascript.js"></script>
<link rel="stylesheet" type="text/css" href="style.css" media="screen" />
<meta charset="utf-8">
<title>Javascript Quiz</title>
</head>
<body>
<h2 class="quizHeader">Trinkspiel</h2>
<div class="quiz-container">
<div id="quiz"></div>
</div>
<button id="previous">Previous Question</button>
<button id="next">Next Question</button>
<div id="results"></div>
<table style="width:583px">
<tr>
<td>
<div class = "frage1">
<p class="fragen">Quizfrage 1</p>
<ul>
<input class="answer" type="radio" name="frage1" value="1">
<label id="correctString1">Richtige Antwort</label>
<br>
<input class="answer" type="radio" name="frage1" value="0">
<label>Falsche Antwort</label>
<br>
<input class="answer" type="radio" name="frage1" value="0">
<label>Falsche Antwort</label>
<br>
<input class="answer" type="radio" name="frage1" value="0">
<label>Falsche Antwort</label>
</ul>
</div>
</td>
<td>
<div class = "frage2">
<p class="fragen">Quizfrage 2</p>
<ul>
<input class="answer" type="radio" name="frage2" value="0">
<label>Falsche Antwort</label>
<br>
<input class="answer" type="radio" name="frage2" value="1">
<label id="correctString2">Richtige Antwort</label>
<br>
<input class="answer" type="radio" name="frage2" value="0">
<label>Falsche Antwort</label>
<br>
<input class="answer" type="radio" name="frage2" value="0">
<label>Falsche Antwort</label>
</ul>
</div>
</td>
</tr>
<tr>
<td>
<div class = "frage3">
<p class="fragen">Quizfrage 3</p>
<ul>
<input class="answer" type="radio" name="frage3" value="0">
<label>Falsche Antwort</label>
<br>
<input class="answer" type="radio" name="frage3" value="1">
<label id="correctString3">Richtige Antwort</label>
<br>
<input class="answer" type="radio" name="frage3" value="0">
<label>Falsche Antwort</label>
<br>
<input class="answer" type="radio" name="frage3" value="0">
<label>Falsche Antwort</label>
</ul>
</div>
</td>
<td>
<div class = "frage4">
<p class="fragen">Quizfrage 4</p>
<ul>
<input class="answer" type="radio" name="frage4" value="0">
<label>Falsche Antwort</label>
<br>
<input class="answer" type="radio" name="frage4" value="1">
<label id="correctString4">Richtige Antwort</label>
<br>
<input class="answer" type="radio" name="frage4" value="0">
<label>Falsche Antwort</label>
<br>
<input class="answer" type="radio" name="frage4" value="0">
<label>Falsche Antwort</label>
</ul>
</div>
</td>
</tr>
</table>
<br/>
<div class="submitter">
<input class="quizSubmit" id="submitButton" onClick="submitQuiz()"
type="submit" value="Abschicken" />
</div>
<div class="quizAnswers" id="correctAnswer1"></div>
<div class="quizAnswers" id="correctAnswer2"></div>
<div class="quizAnswers" id="correctAnswer3"></div>
<div class="quizAnswers" id="correctAnswer4"></div>
<div>
<h2 class="quizScore" id="userScore"></h2>
</div>
</div>
</body>
</html>
Alles anzeigen
Das ist meine HTML Datei aktuell