{"id":54,"date":"2026-06-02T08:06:45","date_gmt":"2026-06-02T08:06:45","guid":{"rendered":"https:\/\/fraudstop.be\/?page_id=54"},"modified":"2026-06-17T15:39:18","modified_gmt":"2026-06-17T15:39:18","slug":"quiz-test","status":"publish","type":"page","link":"https:\/\/fraudstop.be\/fr\/quiz-test\/","title":{"rendered":"Testez-vous : savez-vous d\u00e9tecter les tentatives de fraude ?"},"content":{"rendered":"\n<div id=\"fraude-quiz-container\">\n    <div id=\"quiz-header-row\">\n        <div id=\"quiz-theme\"><\/div>\n\n        <div id=\"quiz-progress-container\">\n            <div id=\"quiz-progress-bar\"><\/div>\n            <div id=\"quiz-progress-text\">Vraag 1 van 8<\/div>\n        <\/div>\n    <\/div>\n\n    <div id=\"question-block\">\n        <p id=\"quiz-question-text\"><\/p>\n        <div id=\"quiz-options\"><\/div>\n    <\/div>\n\n    <div id=\"quiz-feedback\" style=\"display: none;\">\n        <p id=\"feedback-status\"><\/p>\n        <p id=\"feedback-text\"><\/p>\n        <button id=\"next-btn\" onclick=\"nextQuestion()\">Volgende vraag<\/button>\n    <\/div>\n\n    <div id=\"quiz-results\" style=\"display: none;\">\n        <h2 class=\"result-title\">Jouw Resultaat<\/h2>\n        <p id=\"quiz-score-text\"><\/p>\n        <p id=\"quiz-interpretation\"><\/p>\n        <button onclick=\"restartQuiz()\" id=\"restart-btn\">Test opnieuw<\/button>\n    <\/div>\n<\/div>\n\n<style>\n:root {\n    --quiz-font-family: 'Elms Sans', -apple-system, sans-serif;\n    --quiz-bg-color: #ffffff;          \n    --quiz-question-color: #8eb7e0;    \/* Blauw van de vraagtekst *\/\n    --quiz-btn-bg: #fffe92;            \/* Geel van de opties *\/\n    --quiz-btn-text: #3c3e50;          \/* Donkergrijs van de opties *\/\n    --quiz-theme-bg: #dc3545;          \/* Rood van de themabutton *\/\n}\n\n#fraude-quiz-container {\n    font-family: var(--quiz-font-family) !important;\n    max-width: 1280px; \n    margin: 20px auto;\n    padding: 20px 0;\n    background-color: var(--quiz-bg-color);\n    border: none !important; \n    box-shadow: none !important; \n}\n\n\/* Flex-container om thema en balk naast elkaar te zetten *\/\n#quiz-header-row {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    gap: 20px;\n    margin-bottom: 40px;\n    width: 100%;\n}\n\n#quiz-theme {\n    display: inline-block;\n    background-color: var(--quiz-theme-bg);\n    color: #ffffff !important;\n    text-transform: uppercase; \n    padding: 10px 24px;\n    border-radius: 6px;\n    font-size: 14px;\n    font-weight: 700;\n    font-family: var(--quiz-font-family) !important;\n    letter-spacing: 1px;\n    white-space: nowrap; \/* Zorgt dat de knoptekst op \u00e9\u00e9n lijn blijft *\/\n}\n\n\/* Voortgangsbalk vult de rest van de rij op *\/\n#quiz-progress-container {\n    position: relative;\n    flex: 1; \n    background-color: #edf2f7;\n    border-radius: 30px;\n    height: 28px; \n    overflow: hidden;\n    box-shadow: none !important;\n}\n\n#quiz-progress-bar {\n    position: absolute;\n    top: 0;\n    left: 0;\n    height: 100%;\n    width: 0%;\n    background-color: var(--quiz-question-color);\n    transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n    z-index: 1;\n}\n\n#quiz-progress-text {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-family: var(--quiz-font-family) !important;\n    font-weight: 700;\n    color: #3c3e50; \n    text-transform: uppercase;\n    font-size: 12px;\n    letter-spacing: 1px;\n    z-index: 2; \n    pointer-events: none;\n}\n\n#quiz-question-text {\n    font-family: var(--quiz-font-family) !important;\n    font-size: 36px; \n    font-weight: 700;\n    line-height: 1.4;\n    color: var(--quiz-question-color) !important;\n    margin-bottom: 40px;\n}\n\n\/* Antwoorden naast elkaar *\/\n#quiz-options {\n    display: flex;\n    flex-direction: row;\n    gap: 20px;\n    margin-bottom: 25px;\n}\n\n.quiz-opt-btn {\n    flex: 1; \n    display: block;\n    padding: 30px 24px; \n    background-color: var(--quiz-btn-bg) !important;\n    border: 2px solid transparent !important;\n    border-radius: 12px;\n    text-align: center; \n    font-family: var(--quiz-font-family) !important;\n    font-size: 18px; \n    font-weight: 700 !important; \n    line-height: 1.4;\n    color: var(--quiz-btn-text) !important;\n    cursor: pointer;\n    box-shadow: none !important; \n    transition: transform 0.2s ease-in-out, background-color 0.2s ease, color 0.2s ease;\n}\n\n\/* Hover effect: Schalen *\/\n.quiz-opt-btn:hover:not(:disabled) {\n    transform: scale(1.04); \n}\n\n.quiz-opt-btn:disabled {\n    transform: none !important;\n    cursor: not-allowed;\n}\n\n\/* Knoppen na selectie *\/\n.quiz-opt-btn.correct-choice {\n    background-color: var(--quiz-question-color) !important;\n    color: #ffffff !important;\n    border-color: var(--quiz-question-color) !important;\n}\n\n.quiz-opt-btn.incorrect-choice {\n    background-color: var(--quiz-theme-bg) !important;\n    color: #ffffff !important;\n    border-color: var(--quiz-theme-bg) !important;\n}\n\n\/* Feedback Box *\/\n#quiz-feedback {\n    margin-top: 40px;\n    padding: 30px;\n    border: none !important;\n    border-radius: 12px;\n    background-color: #f8fafc;\n    box-shadow: none !important; \n}\n\n.feedback-correct {\n    font-family: var(--quiz-font-family) !important;\n    color: var(--quiz-question-color); \n    font-weight: 700;\n    font-size: 24px;\n    margin-top: 0;\n    margin-bottom: 12px;\n}\n\n.feedback-incorrect {\n    font-family: var(--quiz-font-family) !important;\n    color: var(--quiz-theme-bg); \n    font-weight: 700;\n    font-size: 24px;\n    margin-top: 0;\n    margin-bottom: 12px;\n}\n\n#feedback-text {\n    font-family: var(--quiz-font-family) !important;\n    color: #4a5568;\n    font-size: 18px;\n    line-height: 1.6;\n    margin-bottom: 25px;\n}\n\n#next-btn, #restart-btn {\n    font-family: var(--quiz-font-family) !important;\n    background-color: #1a202c;\n    color: white;\n    border: none;\n    padding: 16px 40px;\n    font-size: 17px;\n    font-weight: 700;\n    border-radius: 8px;\n    cursor: pointer;\n    transition: background 0.2s;\n    box-shadow: none !important;\n}\n\n#next-btn:hover, #restart-btn:hover {\n    background-color: #4a5568;\n}\n\n.result-title {\n    font-family: var(--quiz-font-family) !important;\n    font-size: 36px;\n    font-weight: 800;\n    margin-bottom: 15px;\n}\n\n#quiz-score-text {\n    font-family: var(--quiz-font-family) !important;\n    font-size: 26px;\n    font-weight: 700;\n    color: #2d3748;\n    margin-bottom: 15px;\n}\n\n#quiz-interpretation {\n    font-family: var(--quiz-font-family) !important;\n    font-size: 19px;\n    line-height: 1.6;\n    color: #4a5568;\n    margin-bottom: 35px;\n}\n\n\/* Mobiel responsive (stapelt netjes onder elkaar op telefoons) *\/\n@media (max-width: 768px) {\n    #quiz-header-row {\n        flex-direction: column;\n        align-items: flex-start;\n        gap: 15px;\n    }\n    #quiz-progress-container {\n        width: 100%;\n    }\n    #quiz-options {\n        flex-direction: column;\n    }\n    #quiz-question-text {\n        font-size: 28px;\n    }\n}\n<\/style>\n\n<script>\nconst quizData = [\n    {\n        theme: \"Phishing\",\n        question: \"Je ontvangt een sms van je \u201cbank\u201d met de vraag om dringend op een link te klikken en je gegevens te controleren. Wat doe je?\",\n        options: [\n            \"Ik klik meteen, want het lijkt dringend\",\n            \"Ik klik nergens op en blokkeer het bericht\",\n            \"Ik stuur mijn persoonlijke gegevens door via sms\"\n        ],\n        correct: 1,\n        feedback: \"Fraudeurs proberen je via een valse link naar een nepsite te lokken om je codes te stelen. Geef nooit je bankgegevens door, deze zijn geheim.\"\n    },\n    {\n        theme: \"Geldezels\",\n        question: \"Iemand vraagt of hij jouw bankrekening mag gebruiken in ruil voor een vergoeding. Wat doe je?\",\n        options: [\n            \"Ik help, zolang ik betaald word\",\n            \"Ik doe niets, dat is zijn probleem\",\n            \"Ik weiger, mijn bankkaart en gegevens zijn persoonlijk\"\n        ],\n        correct: 2,\n        feedback: \"Geldezels helpen criminelen om geld wit te wassen. Je riskeert zelf zware gevolgen.\"\n    },\n    {\n        theme: \"Bankhelpdeskfraude\",\n        question: \"Je wordt gebeld door iemand die zegt dat hij van je bank is en vraagt om je codes. Wat doe je?\",\n        options: [\n            \"Ik geef mijn codes om problemen te vermijden\",\n            \"Ik hang op en contacteer zelf mijn bank\",\n            \"Ik installeer software die ze aanbevelen\"\n        ],\n        correct: 1,\n        feedback: \"Een bank zal nooit je codes vragen of je begeleiden bij een betaling via telefoon.\"\n    },\n    {\n        theme: \"Bankhelpdeskfraude\",\n        question: \"Wat is een typisch kenmerk van bankhelpdeskfraude?\",\n        options: [\n            \"Je krijgt een offici\u00eble brief\",\n            \"Je wordt onder druk gezet om snel te handelen\",\n            \"Je hebt zelf contact opgenomen\"\n        ],\n        correct: 1,\n        feedback: \"Fraudeurs cre\u00ebren een urgente situatie en zetten je zo onder druk om snel beslissingen te nemen en een overschrijving te doen.\"\n    },\n    {\n        theme: \"Beleggingsfraude\",\n        question: \"Je ziet online een investering met \u201cgegarandeerd 10% rendement\u201d. Wat denk je?\",\n        options: [\n            \"Interessant, ik moet snel instappen\",\n            \"Dat kan, banken bieden dat ook\",\n            \"Waarschijnlijk fraude: te mooi om waar te zijn\"\n        ],\n        correct: 2,\n        feedback: \"Onrealistische winsten zijn een klassiek alarmsignaal bij fraude.\"\n    },\n    {\n        theme: \"Beleggingsfraude\",\n        question: \"Een bekende Vlaming raadt een investering aan en toont grote winsten. Wat doe je?\",\n        options: [\n            \"Ik volg meteen\",\n            \"Ik controleer grondig en blijf voorzichtig\",\n            \"Ik leen geld om te investeren\"\n        ],\n        correct: 1,\n        feedback: \"Fraudeurs spelen in op vertrouwen en populariteit. Blijf kritisch.\"\n    },\n    {\n        theme: \"Datingfraude\",\n        question: \"Iemand die je online hebt leren kennen vraagt plots geld voor een noodgeval. Wat doe je?\",\n        options: [\n            \"Ik help, want we hebben een band\",\n            \"Ik stuur niets\",\n            \"Ik stuur een klein bedrag\"\n        ],\n        correct: 1,\n        feedback: \"Fraudeurs bouwen vertrouwen op en vragen daarna geld. Blijf kritisch en verifieer altijd.\"\n    },\n    {\n        theme: \"Hulpvraagfraude\",\n        question: \"Je krijgt een bericht van je \u201czoon\/dochter\u201d via een nieuw nummer met de vraag om dringend geld over te schrijven. Wat doe je?\",\n        options: [\n            \"Ik schrijf meteen over\",\n            \"Ik bel het bekende nummer om te checken\",\n            \"Ik stuur een bericht terug en wacht\"\n        ],\n        correct: 1,\n        feedback: \"Bij hulpvraagfraude doen oplichters zich voor als een bekende en cre\u00ebren ze urgentie.\"\n    }\n];\n\nlet currentQuestionIndex = 0;\nlet score = 0;\n\nfunction loadQuestion() {\n    const currentQuestion = quizData[currentQuestionIndex];\n    \n    document.getElementById(\"quiz-theme\").innerText = currentQuestion.theme;\n    document.getElementById(\"quiz-progress-text\").innerText = `Vraag ${currentQuestionIndex + 1} van ${quizData.length}`;\n    \n    const progressPercent = (currentQuestionIndex \/ quizData.length) * 100;\n    document.getElementById(\"quiz-progress-bar\").style.width = `${progressPercent}%`;\n    \n    document.getElementById(\"quiz-question-text\").innerText = currentQuestion.question;\n    \n    const optionsContainer = document.getElementById(\"quiz-options\");\n    optionsContainer.innerHTML = \"\";\n    \n    currentQuestion.options.forEach((option, index) => {\n        const button = document.createElement(\"button\");\n        button.innerText = option;\n        button.classList.add(\"quiz-opt-btn\");\n        button.onclick = () => selectAnswer(index, button);\n        optionsContainer.appendChild(button);\n    });\n    \n    document.getElementById(\"quiz-feedback\").style.display = \"none\";\n}\n\nfunction selectAnswer(selectedIndex, selectedButton) {\n    const currentQuestion = quizData[currentQuestionIndex];\n    const buttons = document.querySelectorAll(\".quiz-opt-btn\");\n    \n    buttons.forEach(btn => btn.disabled = true);\n    \n    const statusText = document.getElementById(\"feedback-status\");\n    const feedbackText = document.getElementById(\"feedback-text\");\n    \n    if (selectedIndex === currentQuestion.correct) {\n        score++;\n        statusText.innerText = \"\u2713 Juist!\";\n        statusText.className = \"feedback-correct\";\n        selectedButton.classList.add(\"correct-choice\");\n    } else {\n        statusText.innerText = \"\u2715 Fout!\";\n        statusText.className = \"feedback-incorrect\";\n        selectedButton.classList.add(\"incorrect-choice\");\n        buttons[currentQuestion.correct].classList.add(\"correct-choice\");\n    }\n    \n    feedbackText.innerText = currentQuestion.feedback;\n    document.getElementById(\"quiz-feedback\").style.display = \"block\";\n}\n\nfunction nextQuestion() {\n    currentQuestionIndex++;\n    \n    if (currentQuestionIndex < quizData.length) {\n        loadQuestion();\n    } else {\n        document.getElementById(\"quiz-progress-bar\").style.width = \"100%\";\n        showResults();\n    }\n}\n\nfunction showResults() {\n    document.getElementById(\"question-block\").style.display = \"none\";\n    document.getElementById(\"quiz-feedback\").style.display = \"none\";\n    document.getElementById(\"quiz-header-row\").style.display = \"none\";\n    \n    const resultsContainer = document.getElementById(\"quiz-results\");\n    const scoreText = document.getElementById(\"quiz-score-text\");\n    const interpretationText = document.getElementById(\"quiz-interpretation\");\n    \n    scoreText.innerText = `Je scoorde ${score} van de ${quizData.length} punten!`;\n    \n    if (score === quizData.length) {\n        interpretationText.innerText = \"Uitstekend! Oplichters maken bij jou geen schijn van kans. Je herkent de alarmsignalen meteen en weet precies hoe je veilig moet handelen.\";\n    } else if (score >= 5) {\n        interpretationText.innerText = \"Goed gedaan! Je bent goed op de hoogte van de meeste fraudetechnieken. Blijf echter altijd alert, want fraudeurs verzinnen steeds sluwere trucs.\";\n    } else {\n        interpretationText.innerText = \"Opgelet! Je bent momenteel vrij kwetsbaar voor fraudeurs. Neem de tips uit deze test goed mee en wees extra kritisch wanneer er online of telefonisch om geld of gegevens gevraagd wordt.\";\n    }\n    \n    resultsContainer.style.display = \"block\";\n}\n\nfunction restartQuiz() {\n    currentQuestionIndex = 0;\n    score = 0;\n    document.getElementById(\"question-block\").style.display = \"block\";\n    document.getElementById(\"quiz-header-row\").style.display = \"flex\";\n    document.getElementById(\"quiz-results\").style.display = \"none\";\n    loadQuestion();\n}\n\nif (document.readyState === \"loading\") {\n    document.addEventListener(\"DOMContentLoaded\", loadQuestion);\n} else {\n    loadQuestion();\n}\n<\/script>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Vraag 1 van 8 Volgende vraag Jouw Resultaat Test opnieuw<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-54","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/fraudstop.be\/fr\/wp-json\/wp\/v2\/pages\/54","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fraudstop.be\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/fraudstop.be\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/fraudstop.be\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fraudstop.be\/fr\/wp-json\/wp\/v2\/comments?post=54"}],"version-history":[{"count":13,"href":"https:\/\/fraudstop.be\/fr\/wp-json\/wp\/v2\/pages\/54\/revisions"}],"predecessor-version":[{"id":585,"href":"https:\/\/fraudstop.be\/fr\/wp-json\/wp\/v2\/pages\/54\/revisions\/585"}],"wp:attachment":[{"href":"https:\/\/fraudstop.be\/fr\/wp-json\/wp\/v2\/media?parent=54"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}