DEROO/woordjes
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

Update learn.php

Browse Source
This commit is contained in:
Thomas de Roo
2026-06-15 12:21:36 +02:00
parent 78b4859947
commit beb6196dad
1 changed files with 24 additions and 61 deletions
Download Patch File Download Diff File Expand all files Collapse all files
learn.php
+24 -61
View File
@@ -2,33 +2,19 @@
require_once 'includes/config.php'; require_once 'includes/config.php';
require_once 'includes/auth.php'; require_once 'includes/auth.php';
require_once 'includes/functions.php';
require_once 'includes/jsondb.php';
requireLogin(); requireLogin();
$user = $_SESSION['user']; $lang = $_GET['lang'] ?? '';
$list = $_GET['list'] ?? '';
$lang = $_GET['lang'];
$list = $_GET['list'];
$file = listPath($user, $lang, $list);
$data = JsonDB::read($file);
if (!$data) {
die('Geen lijst');
}
// kies woord
?> ?>
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<title>Oefenen</title> <title>Oefenen</title>
<link rel="stylesheet" href="assets/css/style.css"> <link rel="stylesheet" href="assets/css/style.css">
</head> </head>
<body> <body>
@@ -40,10 +26,10 @@ if (!$data) {
<p> <p>
Vertaal: Vertaal:
<strong id="question"></strong> <strong id="question">...</strong>
</p> </p>
<input id="answer"> <input id="answer" autocomplete="off">
<button onclick="check()">Controleer</button> <button onclick="check()">Controleer</button>
@@ -55,44 +41,6 @@ Vertaal:
<script> <script>
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: <?= (int)$word['id'] ?>,
answer: answer
})
});
const data = await res.json();
const result =
document.getElementById('result');
if (data.correct) {
result.innerText = "Goed";
result.style.color = "green";
} else {
result.innerText = "Fout";
result.style.color = "red";
}
setTimeout(() => location.reload(), 800);
}
</script>
<script>
let currentWord = null; let currentWord = null;
async function loadWord() { async function loadWord() {
@@ -103,12 +51,19 @@ async function loadWord() {
const data = await res.json(); const data = await res.json();
if (!data.word) {
document.getElementById('question').innerText =
"Geen woordenlijst gevonden";
return;
}
currentWord = data.word; currentWord = data.word;
document.getElementById('question').innerText = document.getElementById('question').innerText =
currentWord.question; currentWord.question;
document.getElementById('answer').value = ''; document.getElementById('answer').value = '';
document.getElementById('result').innerText = '';
} }
async function check() { async function check() {
@@ -131,14 +86,22 @@ async function check() {
const data = await res.json(); const data = await res.json();
document.getElementById('result').innerText = const result = document.getElementById('result');
data.correct ? "Goed" : "Fout";
setTimeout(loadWord, 600); if (data.correct) {
result.innerText = "Goed";
result.style.color = "green";
} else {
result.innerText = "Fout";
result.style.color = "red";
}
setTimeout(loadWord, 700);
} }
loadWord(); loadWord();
</script> </script>
</body> </body>
</html> </html>