Hallo, ich programmiere gerade einen Vokabeltrainer und habe die Vokabeln in Arrays gespeichert. Mein Programm läuft auch und man kann die Vokabeln auch abfragen. Ich will jetzt aber nicht, dass aber gezählt wird, wie viele richtige Antworten man gegeben hat und dann die Schleife endet. Ich habe das versucht mit do/while. Jedoch habe ich es so eingestellt, dass wenn man die Vokabeln überprüft sich die Seite neuladet, um nicht immer von Hand die Seite zu refreshen. Das Problem ist jetzt, dass halt dann die richtigen Antworten immer wieder von neu gezählten werden. Hat jemand einen Tipp, wie das möglich wäre. Mein zweites Problem ist, dass ich die Wahrscheinlichkeit erhöhen möchte, dass eine Vokabel aufgerufen wird, wenn sie falsch ist. Dafür habe ich eine Funktion erstellt, die sagt, dass die jeweilige Vokabel ins Array hinzugefügt werden soll. Naja, irgendwie hat das auch nicht funktioniert.
Und eine weitere Frage: Gibt es eine Möglichkeit, dass auf jeden Fall versichert ist, dass alle Vokabeln abgefragt werden. Das wäre mir dann zum Beispiel wichtig, wenn ich mit mehreren Vokabeln arbeite. Danke im Voraus!
Hier ist mein Quellcode:
Und eine weitere Frage: Gibt es eine Möglichkeit, dass auf jeden Fall versichert ist, dass alle Vokabeln abgefragt werden. Das wäre mir dann zum Beispiel wichtig, wenn ich mit mehreren Vokabeln arbeite. Danke im Voraus!
Hier ist mein Quellcode:
Code:
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="designvoc.css">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Vokabeltrainer</title>
</head>
<body>
<p id ="demo"></p>
<div id="website">
<div class="center">
<input type="text" id="vokabel">
<input type="text" placeholder="Lösung" id="loesung" autofocus>
<button id="pruefen" onclick=Pruefen();javascript:location.reload(); >Überprüfen</button>
</div>
<script>
var index
var vokablen = ["hallo", "car", "haus", "geld", "ja", "nein", "Vater", "Mutter", "Kind", "danke", "bitte", "Baum", "rot"];
var uebersetzung = ["hello", "auto", "house", "money","yes", "no", "father", "mother", "child", "thank you", "please", "tree", "red"];
richtigeAntwort= 0;
var wiederholung;
var input = document.getElementById("loesung");
input.addEventListener("keyup", function(event) {
if (event.keyCode === 13) {
event.preventDefault();
document.getElementById("pruefen").click();
}
});
index = Math.floor(Math.random() * vokablen.length)
document.getElementById("vokabel").value = vokablen[index]
function Pruefen(){
if(document.getElementById("loesung").value == uebersetzung[index])
alert("richtig!"), richtigeAntwort++;
else
alert("falsch :( Die Lösung ist: " + uebersetzung[index]),
wiederholung=prompt("Gebe " + uebersetzung[index] + " nochmal ein, um die Vokabel zu verinnerlichen");
alert("Deine richtigen Antworten sind: " + richtigeAntwort++);
}
// Diese Funktion habe ich schon in die if-Abfrage eingebaut, aber es hat dann nicht funktioniert
function myFunction() {
vokablen.push(vokablen[index]);
}
document.getElementById("demo").innerHTML = vokablen;
</script>
</div>
</body>
</html>
