🐚 WEB SHELL ACTIVATED

📁 File Browser

Current directory: /home/klas4s23/domains/585455.klas4s23.mid-ica.nl/public_html/Gastenboek/uploads

📄 Viewing: ./../../../../574486.klas4s23.mid-ica.nl/public_html/l7-pro-2-e-learning-2023-NerosKing/quiz.js

let correctCount = 0;  // Declareer de correctCount variabele
let totalQuestions = document.querySelectorAll('.quiz-item').length;  // Het totale aantal vragen

document.querySelectorAll('.quiz-item').forEach((item, index) => {
    const word = item.querySelector('p').textContent.trim();  // Het te vertalen woord
    const inputField = item.querySelector('input');
    const feedback = item.querySelector('.feedback');

    inputField.addEventListener('blur', function() {
        const userAnswer = inputField.value.trim();

        // Verzend het antwoord naar de server om te valideren
        fetch('validate_answer.php', {
            method: 'POST',
            headers: {
                'Content-Type': 'application/json',
            },
            body: JSON.stringify({
                word: word,  // Het woord dat je wil valideren
                userAnswer: userAnswer
            })
        })
        .then(response => response.json())
        .then(data => {
            console.log(data);  // Log de server response voor debuggen

            if (data.correct) {
                correctCount++;  // Verhoog de correctCount wanneer het antwoord correct is
                feedback.innerHTML = 'Correct!';
                feedback.style.color = 'green';

                // Maak het inputveld niet meer bewerkbaar en verander de stijl bij een correct antwoord
                inputField.disabled = true; // Zet het veld uit
                inputField.style.backgroundColor = '#f0f0f0'; // Grijze achtergrond om aan te geven dat het niet bewerkbaar is
                inputField.style.cursor = 'not-allowed'; // Verander de cursor naar een niet-toegestane cursor
            } else {
                feedback.innerHTML = `Onjuist! Correct antwoord: ${data.correctAnswer}`;
                feedback.style.color = 'red';

                // Laat het inputveld bewerkbaar bij een onjuist antwoord
                inputField.disabled = false; // Maak het weer bewerkbaar
                inputField.style.backgroundColor = ''; // Herstel de achtergrondkleur
                inputField.style.cursor = ''; // Herstel de cursor
            }

            // Controleer of de quiz is voltooid (alleen als alle antwoorden correct zijn)
            if (correctCount === totalQuestions) {
                showCompletionMessage();
            }
        })
        .catch(error => {
            console.error("Error in fetching the answer validation: ", error);
            feedback.innerHTML = 'Er is een fout opgetreden bij het valideren van je antwoord.';
            feedback.style.color = 'red';
        });

        function showCompletionMessage() {
            // Toon de 'Terug naar Homescreen' knop
            document.getElementById('completion-message').classList.remove('hidden');
            // Verberg de quiz zodra de quiz voltooid is
            document.getElementById('quiz').style.display = 'none';
        }
    });
});

🎯 Available Actions