Update learn.php

2026-06-15 12:17:10 +02:00
parent 3396e290f2
commit e8417a3035
1 changed files with 52 additions and 25 deletions
@@ -21,23 +21,7 @@ if (!$data) {
 }

 // kies woord 
-require_once 'includes/srs_queue.php';

-$words = $data['words'];
-
-$words = sortDueWords($words);
-
-$today = date('Y-m-d');
-
-$due = array_filter($words, function ($w) use ($today) {
-    return !isset($w['nextReview']) || $w['nextReview'] <= $today;
-});
-
-if (count($due) > 0) {
-    $word = array_values($due)[0];
-} else {
-    $word = $words[0];
-}
 ?>

 <!DOCTYPE html>
@@ -56,22 +40,17 @@ if (count($due) > 0) {

 <p>
 Vertaal:
-<strong><?= htmlspecialchars($word['question']) ?></strong>
+<strong id="question"></strong>
 </p>

-<input id="answer" placeholder="jouw antwoord">
+<input id="answer">

-<button onclick="check()">
-Controleer
-</button>
+<button onclick="check()">Controleer</button>

 <p id="result"></p>

 </div>
-<p>
-Correct: <?= $word['correct'] ?? 0 ?>
-| Fout: <?= $word['wrong'] ?? 0 ?>
-</p>
+
 </div>

 <script>
@@ -112,6 +91,54 @@ async function check() {
 }

 </script>
+<script>

+let currentWord = null;
+
+async function loadWord() {
+
+    const res = await fetch(
+        "api/next.php?lang=<?= $lang ?>&list=<?= $list ?>"
+    );
+
+    const data = await res.json();
+
+    currentWord = data.word;
+
+    document.getElementById('question').innerText =
+        currentWord.question;
+
+    document.getElementById('answer').value = '';
+}
+
+async function check() {
+
+    const answer =
+        document.getElementById('answer').value;
+
+    const res = await fetch('api/answer.php', {
+        method: 'POST',
+        headers: {
+            'Content-Type': 'application/json'
+        },
+        body: JSON.stringify({
+            lang: "<?= $lang ?>",
+            list: "<?= $list ?>",
+            wordId: currentWord.id,
+            answer: answer
+        })
+    });
+
+    const data = await res.json();
+
+    document.getElementById('result').innerText =
+        data.correct ? "Goed" : "Fout";
+
+    setTimeout(loadWord, 600);
+}
+
+loadWord();
+
+</script>
 </body>
 </html>