{"id":354,"date":"2025-11-13T08:17:09","date_gmt":"2025-11-13T08:17:09","guid":{"rendered":"https:\/\/102438.glr-imd.nl\/?page_id=354"},"modified":"2025-11-20T10:29:31","modified_gmt":"2025-11-20T10:29:31","slug":"esports-milestones","status":"publish","type":"page","link":"https:\/\/102438.glr-imd.nl\/index.php\/esports-milestones\/","title":{"rendered":"Milestones"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"354\" class=\"elementor elementor-354\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5d155f0 e-flex e-con-boxed e-con e-parent\" data-id=\"5d155f0\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b3563e3 elementor-widget elementor-widget-heading\" data-id=\"b3563e3\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Esports Milestones<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7996503 elementor-widget elementor-widget-text-editor\" data-id=\"7996503\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p data-start=\"0\" data-end=\"313\">Esports is een snelgroeiende industrie die door de jaren heen veel belangrijke mijlpalen heeft bereikt. De geschiedenis van esports is gevuld met iconische momenten, toernooien en technologische vooruitgangen die de vorming van de esportsgemeenschap hebben bepaald en de wereld van online gaming hebben veranderd.<\/p><p data-start=\"315\" data-end=\"838\">Een van de eerste grote mijlpalen in esports vond plaats in 1997 met het toernooi <strong data-start=\"397\" data-end=\"417\">Red Annihilation<\/strong>, georganiseerd door id Software voor <em data-start=\"455\" data-end=\"462\">Quake<\/em>. Dit toernooi wordt vaak beschouwd als een van de eerste echte internationale esportscompetities, en het markeerde de start van een nieuwe manier van gamen op professioneel niveau. Het toernooi trok spelers uit de hele wereld aan en de winnaar ontving een Ferrari als prijs, wat aantoont hoe groot de prijzen en de professionaliteit in de esportswereld al snel zouden worden.<\/p><p data-start=\"840\" data-end=\"1301\">In de vroege jaren 2000 begon de opkomst van <em data-start=\"885\" data-end=\"896\">StarCraft<\/em> in Zuid-Korea, wat leidde tot de opkomst van <strong data-start=\"942\" data-end=\"974\">professionele gaming leagues<\/strong>. Zuid-Korea wordt vaak gezien als de bakermat van esports, waar <em data-start=\"1039\" data-end=\"1050\">StarCraft<\/em> de eerste game was die het verschil maakte tussen amateur- en professionele gamers. De <strong data-start=\"1138\" data-end=\"1172\">Korean Pro Gaming League (KGL)<\/strong> en later de <strong data-start=\"1185\" data-end=\"1198\">Proleague<\/strong> gaven vorm aan de esportsindustrie, en spelers zoals <strong data-start=\"1252\" data-end=\"1261\">BoxeR<\/strong> werden iconen in de esportsgemeenschap.<\/p><p data-start=\"1303\" data-end=\"1740\">Het jaar 2010 markeerde een nieuwe fase in esports, toen de <strong data-start=\"1363\" data-end=\"1403\">League of Legends World Championship<\/strong> werd gelanceerd. Dit evenement werd al snel een van de grootste en meest prestigieuze esportscompetities ter wereld, met miljoenen kijkers van over de hele wereld. Het maakte de weg vrij voor andere populaire games zoals <em data-start=\"1625\" data-end=\"1633\">Dota 2<\/em> en <em data-start=\"1637\" data-end=\"1671\">Counter-Strike: Global Offensive<\/em> om ook wereldwijd grote toernooien en een enorme aanhang te krijgen.<\/p><p data-start=\"1742\" data-end=\"2134\">In 2013 werd <em data-start=\"1755\" data-end=\"1774\">The International<\/em> voor het eerst gehouden, het grootste toernooi voor <em data-start=\"1827\" data-end=\"1835\">Dota 2<\/em>. Het prijzengeld in dit toernooi was het eerste dat de grens van <strong data-start=\"1901\" data-end=\"1915\">$1 miljoen<\/strong> overschreed, een belangrijk moment in de esportsindustrie. Dit markeerde de groei van de esportstoernooien tot een niveau waar enorme hoeveelheden geld in het spel kwamen, zowel voor de organisatoren als de deelnemers.<\/p><p data-start=\"2136\" data-end=\"2607\">De jaren 2010 zagen ook de groei van platforms zoals <strong data-start=\"2189\" data-end=\"2199\">Twitch<\/strong> en <strong data-start=\"2203\" data-end=\"2221\">YouTube Gaming<\/strong>, die esports in staat stelden om het grote publiek te bereiken. Live-streaming van toernooien werd een belangrijk aspect van de industrie, waardoor fans wereldwijd hun favoriete spelers en teams konden volgen in real-time. Dit leidde niet alleen tot meer exposure voor esports, maar ook tot de opkomst van streamers die hun carri\u00e8re konden opbouwen door het uitzenden van hun gameplay.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c5aba04 e-flex e-con-boxed e-con e-parent\" data-id=\"c5aba04\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0a71c79 elementor-widget elementor-widget-image\" data-id=\"0a71c79\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"640\" height=\"350\" src=\"https:\/\/102438.glr-imd.nl\/wp-content\/uploads\/2025\/11\/esports_timeline_0-1024x560.png\" class=\"attachment-large size-large wp-image-370\" alt=\"\" srcset=\"https:\/\/102438.glr-imd.nl\/wp-content\/uploads\/2025\/11\/esports_timeline_0-1024x560.png 1024w, https:\/\/102438.glr-imd.nl\/wp-content\/uploads\/2025\/11\/esports_timeline_0-300x164.png 300w, https:\/\/102438.glr-imd.nl\/wp-content\/uploads\/2025\/11\/esports_timeline_0-768x420.png 768w, https:\/\/102438.glr-imd.nl\/wp-content\/uploads\/2025\/11\/esports_timeline_0-1536x839.png 1536w, https:\/\/102438.glr-imd.nl\/wp-content\/uploads\/2025\/11\/esports_timeline_0-480x262.png 480w, https:\/\/102438.glr-imd.nl\/wp-content\/uploads\/2025\/11\/esports_timeline_0.png 1676w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-dedcf51 e-flex e-con-boxed e-con e-parent\" data-id=\"dedcf51\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-202a4b5 elementor-widget elementor-widget-progress\" data-id=\"202a4b5\" data-element_type=\"widget\" data-widget_type=\"progress.default\">\n\t\t\t\t\t\n\t\t<div aria-label=\"Progress made so far\" class=\"elementor-progress-wrapper\" role=\"progressbar\" aria-valuemin=\"0\" aria-valuemax=\"100\" aria-valuenow=\"67\">\n\t\t\t<div class=\"elementor-progress-bar\" data-max=\"67\">\n\t\t\t\t<span class=\"elementor-progress-text\"><\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-progress-percentage\">67%<\/span>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7bd19d9 e-flex e-con-boxed e-con e-parent\" data-id=\"7bd19d9\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bcf0720 elementor-widget elementor-widget-text-editor\" data-id=\"bcf0720\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p data-start=\"1742\" data-end=\"2134\">In 2013 werd <em data-start=\"1755\" data-end=\"1774\">The International<\/em> voor het eerst gehouden, het grootste toernooi voor <em data-start=\"1827\" data-end=\"1835\">Dota 2<\/em>. Het prijzengeld in dit toernooi was het eerste dat de grens van <strong data-start=\"1901\" data-end=\"1915\">$1 miljoen<\/strong> overschreed, een belangrijk moment in de esportsindustrie. Dit markeerde de groei van de esportstoernooien tot een niveau waar enorme hoeveelheden geld in het spel kwamen, zowel voor de organisatoren als de deelnemers.<\/p><p data-start=\"2136\" data-end=\"2607\">De jaren 2010 zagen ook de groei van platforms zoals <strong data-start=\"2189\" data-end=\"2199\">Twitch<\/strong> en <strong data-start=\"2203\" data-end=\"2221\">YouTube Gaming<\/strong>, die esports in staat stelden om het grote publiek te bereiken. Live-streaming van toernooien werd een belangrijk aspect van de industrie, waardoor fans wereldwijd hun favoriete spelers en teams konden volgen in real-time. Dit leidde niet alleen tot meer exposure voor esports, maar ook tot de opkomst van streamers die hun carri\u00e8re konden opbouwen door het uitzenden van hun gameplay.<\/p><p data-start=\"2609\" data-end=\"2985\">In recente jaren hebben we de groei van esports als <strong data-start=\"2661\" data-end=\"2682\">een erkende sport<\/strong> gezien, met de introductie van esports op evenementen zoals de <strong data-start=\"2746\" data-end=\"2761\">Asian Games<\/strong> en discussies over het opnemen van esports in de <strong data-start=\"2811\" data-end=\"2832\">Olympische Spelen<\/strong>. Deze ontwikkeling heeft de geloofwaardigheid van esports als een competitieve activiteit verder versterkt en geeft aan hoe ver de industrie is gekomen.<\/p><p>\u00a0<\/p><p data-start=\"2987\" data-end=\"3372\" data-is-last-node=\"\" data-is-only-node=\"\">Esports is inmiddels uitgegroeid tot een miljardenindustrie, en het blijft snel evolueren. De toekomst lijkt veelbelovend, met steeds meer mainstream media-aandacht, grotere toernooien, hogere prijzen en meer professionele teams die de scene betreden. De milestones van de afgelopen decennia hebben niet alleen de industrie gevormd, maar ook de cultuur van gaming wereldwijd veranderd.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-02b2041 e-flex e-con-boxed e-con e-parent\" data-id=\"02b2041\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9dc31c0 e-flex e-con-boxed e-con e-parent\" data-id=\"9dc31c0\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8616e0c elementor-widget elementor-widget-html\" data-id=\"8616e0c\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n.quiz-container {\n    max-width: 700px;\n    margin: 40px auto;\n    padding: 20px;\n    background: rgba(255, 255, 255, 0.15);\n    border-radius: 12px;\n    font-family: Arial, sans-serif;\n    color: white;\n}\n\n\/* Progress bar *\/\n.progress-bar-background {\n    width: 100%;\n    height: 12px;\n    background: rgba(255, 255, 255, 0.25);\n    border-radius: 10px;\n    margin-bottom: 20px;\n    overflow: hidden;\n}\n\n.progress-bar-fill {\n    height: 100%;\n    width: 0%;\n    background: #00ff99;\n    transition: width 0.4s ease;\n}\n\n.quiz-title {\n    text-align: center;\n    font-size: 2rem;\n    margin-bottom: 20px;\n}\n\n.quiz-question {\n    font-size: 1.3rem;\n    margin-bottom: 15px;\n}\n\n.quiz-options button {\n    width: 100%;\n    margin: 8px 0;\n    padding: 12px;\n    background: rgba(255,255,255,0.18);\n    border: 1px solid white;\n    border-radius: 8px;\n    color: white;\n    cursor: pointer;\n    transition: 0.3s;\n    font-size: 1.1rem;\n}\n\n.quiz-options button:hover {\n    background: rgba(255,255,255,0.35);\n}\n\n\/* Correct \/ wrong colors *\/\n.correct {\n    background: #00cc66 !important;\n    color: black !important;\n}\n\n.wrong {\n    background: #cc0033 !important;\n    color: white !important;\n}\n\n\/* Result *\/\n#result {\n    text-align: center;\n    font-size: 1.8rem;\n    margin-top: 25px;\n}\n\n#restartBtn {\n    margin-top: 20px;\n    padding: 12px 20px;\n    font-size: 1.2rem;\n    border: none;\n    border-radius: 8px;\n    cursor: pointer;\n    background: #00ff99;\n    color: black;\n    transition: 0.3s;\n}\n\n#restartBtn:hover {\n    background: #00cc66;\n}\n<\/style>\n\n<div class=\"quiz-container\">\n    <div class=\"progress-bar-background\">\n        <div class=\"progress-bar-fill\" id=\"progressFill\"><\/div>\n    <\/div>\n\n    <h2 class=\"quiz-title\">Esports Quiz<\/h2>\n\n    <div id=\"quiz-content\">\n        <p class=\"quiz-question\" id=\"question\"><\/p>\n        <div class=\"quiz-options\" id=\"options\"><\/div>\n        <div id=\"result\"><\/div>\n    <\/div>\n<\/div>\n\n<script>\nconst quizData = [\n    {\n        question: \"1. Welke game speelt bijna iedereen op de computer?\",\n        options: [\"Minecraft\", \"League of Legends\", \"Fortnite\", \"CS:GO\"],\n        answer: 0\n    },\n    {\n        question: \"2. Welke spel speelden Sven, Thijmen en Hasan vaak aan het begin van GLR?\",\n        options: [\"Polytrack\", \"Brawl Stars\", \"Minecraft\", \"Clash Royale\"],\n        answer: 0\n    },\n    {\n        question: \"3. Welke game heeft blokken en bouwen als hoofdonderdeel?\",\n        options: [\"Minecraft\", \"Fortnite\", \"Among Us\", \"Valorant\"],\n        answer: 0\n    },\n    {\n        question: \"4. Welke game is bekend om het battle royale genre?\",\n        options: [\"Fortnite\", \"Minecraft\", \"CS:GO\", \"League of Legends\"],\n        answer: 0\n    },\n    {\n        question: \"5. Welke game wordt vaak in teams van vijf tegen vijf gespeeld?\",\n        options: [\"League of Legends\", \"Minecraft\", \"Polytrack\", \"TrackMaster\"],\n        answer: 0\n    },\n    {\n        question: \"6. Welke game heeft helden met speciale krachten in een arena?\",\n        options: [\"Overwatch\", \"Minecraft\", \"FIFA\", \"Polytrack\"],\n        answer: 0\n    },\n    {\n        question: \"7. Welke game wordt wereldwijd vaak gestreamd op Twitch?\",\n        options: [\"Minecraft\", \"TrackMaster\", \"SpeedCircuit\", \"Polytrack\"],\n        answer: 0\n    },\n    {\n        question: \"8. Welke game wordt gespeeld met een wapen in een shooter-omgeving?\",\n        options: [\"CS:GO\", \"Minecraft\", \"Polytrack\", \"TrackMaster\"],\n        answer: 0\n    },\n    {\n        question: \"9. Welke game is een MOBA (multiplayer online battle arena)?\",\n        options: [\"League of Legends\", \"Minecraft\", \"Fortnite\", \"Polytrack\"],\n        answer: 0\n    },\n    {\n        question: \"10. Welke game heeft vaak grote wereldkampioenschappen met prijzenpotten?\",\n        options: [\"Dota 2\", \"Minecraft\", \"TrackMaster\", \"Polytrack\"],\n        answer: 0\n    }\n];\n\nlet currentQuestion = 0;\nlet score = 0;\nlet acceptingAnswers = true;\n\nfunction updateProgress() {\n    const progress = ((currentQuestion) \/ quizData.length) * 100;\n    document.getElementById(\"progressFill\").style.width = progress + \"%\";\n}\n\nfunction loadQuestion() {\n    updateProgress();\n\n    const q = quizData[currentQuestion];\n    document.getElementById(\"question\").innerText = q.question;\n\n    const optionsDiv = document.getElementById(\"options\");\n    optionsDiv.innerHTML = \"\";\n\n    q.options.forEach((option, index) => {\n        const btn = document.createElement(\"button\");\n        btn.innerText = option;\n        btn.onclick = () => selectAnswer(btn, index);\n        optionsDiv.appendChild(btn);\n    });\n\n    acceptingAnswers = true;\n}\n\nfunction selectAnswer(btn, index) {\n    if (!acceptingAnswers) return;\n    acceptingAnswers = false;\n\n    const correctIndex = quizData[currentQuestion].answer;\n    const optionButtons = document.querySelectorAll(\".quiz-options button\");\n\n    optionButtons.forEach(b => (b.disabled = true));\n\n    if (index === correctIndex) {\n        btn.classList.add(\"correct\");\n        score += 10;\n    } else {\n        btn.classList.add(\"wrong\");\n        optionButtons[correctIndex].classList.add(\"correct\");\n    }\n\n    setTimeout(() => {\n        currentQuestion++;\n        if (currentQuestion < quizData.length) {\n            loadQuestion();\n        } else {\n            showResult();\n        }\n    }, 1000);\n}\n\nfunction showResult() {\n    document.getElementById(\"quiz-content\").innerHTML = `\n        <h2 style=\"text-align:center; font-size:2rem;\">Quiz voltooid!<\/h2>\n        <p id='result'>Je hebt <strong>${score}<\/strong> van de 100 punten!<\/p>\n        <div style=\"text-align:center;\">\n            <button id=\"restartBtn\" onclick=\"restartQuiz()\">Opnieuw spelen<\/button>\n        <\/div>\n    `;\n    document.getElementById(\"progressFill\").style.width = \"100%\";\n}\n\nfunction restartQuiz() {\n    currentQuestion = 0;\n    score = 0;\n    loadQuestion();\n}\n\nloadQuestion();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-094bc6e elementor-widget elementor-widget-html\" data-id=\"094bc6e\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"nl\">\n<head>\n<meta charset=\"UTF-8\">\n<title>Aim Test Minigame<\/title>\n<style>\nbody {\n    background-color: #001f4d;\n    font-family: Arial, sans-serif;\n    color: white;\n    text-align: center;\n}\n\n#game-container {\n    position: relative;\n    width: 700px;\n    height: 400px;\n    margin: 40px auto;\n    border: 2px solid white;\n    border-radius: 12px;\n    overflow: hidden;\n    background-color: rgba(0,0,0,0.3);\n    cursor: crosshair;\n}\n\n.target {\n    position: absolute;\n    width: 50px;\n    height: 50px;\n    background-color: red;\n    border-radius: 50%;\n    cursor: pointer;\n    transition: transform 0.1s;\n}\n\n.target:hover {\n    transform: scale(1.2);\n}\n\n#score {\n    font-size: 1.5rem;\n    margin-top: 20px;\n}\n\n#timer {\n    font-size: 1.2rem;\n    margin-top: 10px;\n}\n\n.feedback {\n    position: absolute;\n    font-size: 24px;\n    font-weight: bold;\n    animation: rise 0.8s forwards;\n    pointer-events: none;\n    text-shadow: 1px 1px 2px black;\n}\n\n@keyframes rise {\n    0% { opacity: 1; transform: translateY(0px);}\n    100% { opacity: 0; transform: translateY(-50px);}\n}\n\n#startBtn {\n    padding: 12px 20px;\n    font-size: 1.2rem;\n    border: none;\n    border-radius: 8px;\n    cursor: pointer;\n    background: #00ff99;\n    color: black;\n    margin-top: 15px;\n    transition: 0.3s;\n}\n\n#startBtn:hover {\n    background: #00cc66;\n}\n\n#resultOverlay {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    font-size: 36px;\n    font-weight: bold;\n    pointer-events: none;\n    text-align: center;\n    text-shadow: 2px 2px 4px black;\n}\n<\/style>\n<\/head>\n<body>\n\n<h2>Aim Test Minigame<\/h2>\n<p>Raak 15 targets binnen 19 seconden om te winnen! Misklikken kost 1 punt.<\/p>\n<div id=\"score\">Score: 0<\/div>\n<div id=\"timer\">Tijd: 19s<\/div>\n<div id=\"game-container\">\n    <div id=\"resultOverlay\"><\/div>\n<\/div>\n<button id=\"startBtn\">Start Game<\/button>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n    const gameContainer = document.getElementById('game-container');\n    const scoreDisplay = document.getElementById('score');\n    const timerDisplay = document.getElementById('timer');\n    const startBtn = document.getElementById('startBtn');\n    const resultOverlay = document.getElementById('resultOverlay');\n\n    let score = 0;\n    let timeLeft = 19; \/\/ Aangepast van 30 naar 19 seconden\n    let spawnInterval;\n    let countdownInterval;\n    const targetGoal = 15;\n\n    function randomPosition() {\n        const rect = gameContainer.getBoundingClientRect();\n        const x = Math.random() * (rect.width - 50);\n        const y = Math.random() * (rect.height - 50);\n        return {x, y};\n    }\n\n    function showFeedback(text, x, y, color) {\n        const fb = document.createElement('div');\n        fb.classList.add('feedback');\n        fb.style.left = x + 'px';\n        fb.style.top = y + 'px';\n        fb.style.color = color;\n        fb.innerText = text;\n        gameContainer.appendChild(fb);\n        setTimeout(() => fb.remove(), 800);\n    }\n\n    function spawnTarget() {\n        const target = document.createElement('div');\n        target.classList.add('target');\n\n        const pos = randomPosition();\n        target.style.left = pos.x + 'px';\n        target.style.top = pos.y + 'px';\n\n        target.onclick = (e) => {\n            e.stopPropagation();\n            score++;\n            scoreDisplay.innerText = `Score: ${score}`;\n            showFeedback('+1', pos.x + 20, pos.y - 20, 'lime');\n            target.remove();\n            if(score >= targetGoal) endGame(true);\n        }\n\n        gameContainer.appendChild(target);\n\n        setTimeout(() => {\n            if(gameContainer.contains(target)) target.remove();\n        }, 1000);\n    }\n\n    function startGame() {\n        score = 0;\n        timeLeft = 19; \/\/ GEWIJZIGD\n        scoreDisplay.innerText = `Score: ${score}`;\n        timerDisplay.innerText = `Tijd: ${timeLeft}s`;\n        startBtn.style.display = 'none';\n        resultOverlay.innerText = '';\n        gameContainer.innerHTML = '';\n        gameContainer.appendChild(resultOverlay);\n\n        \/\/ Misklik straf\n        gameContainer.onclick = (e) => {\n            score = Math.max(0, score - 1);\n            scoreDisplay.innerText = `Score: ${score}`;\n            showFeedback('-1', e.offsetX, e.offsetY, 'red');\n        }\n\n        spawnInterval = setInterval(spawnTarget, 700);\n        countdownInterval = setInterval(() => {\n            timeLeft--;\n            timerDisplay.innerText = `Tijd: ${timeLeft}s`;\n            if(timeLeft <= 0) endGame(false);\n        }, 1000);\n    }\n\n    function endGame(win) {\n        clearInterval(spawnInterval);\n        clearInterval(countdownInterval);\n        gameContainer.onclick = null;\n        gameContainer.innerHTML = '';\n        gameContainer.appendChild(resultOverlay);\n        if(win){\n            resultOverlay.style.color = 'lime';\n            resultOverlay.innerText = `Gefeliciteerd!\\nJe hebt ${score} targets geraakt!`;\n        } else {\n            resultOverlay.style.color = 'red';\n            resultOverlay.innerText = `Game over!\\nJe raakte ${score} targets.`;\n        }\n        startBtn.style.display = 'inline-block';\n    }\n\n    startBtn.addEventListener('click', startGame);\n});\n<\/script>\n\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bba8101 elementor-widget elementor-widget-button\" data-id=\"bba8101\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/102438.glr-imd.nl\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Back Home<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e233cf7 e-flex e-con-boxed e-con e-parent\" data-id=\"e233cf7\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5b0b34b elementor-widget elementor-widget-image\" data-id=\"5b0b34b\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"640\" height=\"360\" src=\"https:\/\/102438.glr-imd.nl\/wp-content\/uploads\/2025\/11\/UntitleUFTYGId-2-1024x576.png\" class=\"attachment-large size-large wp-image-590\" alt=\"\" srcset=\"https:\/\/102438.glr-imd.nl\/wp-content\/uploads\/2025\/11\/UntitleUFTYGId-2-1024x576.png 1024w, https:\/\/102438.glr-imd.nl\/wp-content\/uploads\/2025\/11\/UntitleUFTYGId-2-300x169.png 300w, https:\/\/102438.glr-imd.nl\/wp-content\/uploads\/2025\/11\/UntitleUFTYGId-2-768x432.png 768w, https:\/\/102438.glr-imd.nl\/wp-content\/uploads\/2025\/11\/UntitleUFTYGId-2-1536x864.png 1536w, https:\/\/102438.glr-imd.nl\/wp-content\/uploads\/2025\/11\/UntitleUFTYGId-2-480x270.png 480w, https:\/\/102438.glr-imd.nl\/wp-content\/uploads\/2025\/11\/UntitleUFTYGId-2.png 1920w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Esports Milestones Esports is een snelgroeiende industrie die door de jaren heen veel belangrijke mijlpalen heeft bereikt. De geschiedenis van [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-354","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/102438.glr-imd.nl\/index.php\/wp-json\/wp\/v2\/pages\/354","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/102438.glr-imd.nl\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/102438.glr-imd.nl\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/102438.glr-imd.nl\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/102438.glr-imd.nl\/index.php\/wp-json\/wp\/v2\/comments?post=354"}],"version-history":[{"count":76,"href":"https:\/\/102438.glr-imd.nl\/index.php\/wp-json\/wp\/v2\/pages\/354\/revisions"}],"predecessor-version":[{"id":664,"href":"https:\/\/102438.glr-imd.nl\/index.php\/wp-json\/wp\/v2\/pages\/354\/revisions\/664"}],"wp:attachment":[{"href":"https:\/\/102438.glr-imd.nl\/index.php\/wp-json\/wp\/v2\/media?parent=354"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}