{"id":984,"date":"2026-02-13T04:25:07","date_gmt":"2026-02-13T04:25:07","guid":{"rendered":"https:\/\/withifi.muhubonurture.nl\/?page_id=984"},"modified":"2026-06-19T04:01:45","modified_gmt":"2026-06-19T04:01:45","slug":"oefenen-met-de-verleden-tijd","status":"publish","type":"page","link":"https:\/\/withifi.muhubonurture.nl\/?page_id=984","title":{"rendered":"Oefenen Met De Verleden Tijd"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"984\" class=\"elementor elementor-984\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9ec4d02 e-con-full e-flex e-con e-parent\" data-id=\"9ec4d02\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bdba584 elementor-widget elementor-widget-html\" data-id=\"bdba584\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<!-- COPY-PASTE VOOR ELEMENTOR -->\r\n\r\n<style>\r\nbody{\r\n  margin:0;\r\n  font-family:'Inter',sans-serif;\r\n}\r\n\r\n.verleden-oefen-page{\r\n  min-height:100vh;\r\n  padding:7rem 7vw 4rem;\r\n  color:#3A2B24;\r\n\r\n  background:\r\n    radial-gradient(circle at 18% 20%, rgba(255,255,255,0.78) 0%, transparent 30%),\r\n    radial-gradient(circle at 82% 28%, rgba(210,235,255,0.42) 0%, transparent 32%),\r\n    radial-gradient(circle at 50% 82%, rgba(255,244,228,0.42) 0%, transparent 36%),\r\n    linear-gradient(135deg,#F9FBF8 0%,#EEF7F3 45%,#F7FBF8 100%);\r\n}\r\n\r\n.verleden-wrap{\r\n  max-width:1120px;\r\n  margin:0 auto;\r\n}\r\n\r\n\/* HERO *\/\r\n\r\n.verleden-hero{\r\n  max-width:980px;\r\n  margin:0 auto 3.5rem;\r\n  padding:3.4rem;\r\n  border-radius:42px;\r\n  background:rgba(255,255,255,0.62);\r\n  border:1px solid rgba(255,255,255,0.96);\r\n  box-shadow:0 16px 42px rgba(90,70,55,0.08);\r\n  backdrop-filter:blur(16px);\r\n  -webkit-backdrop-filter:blur(16px);\r\n  text-align:center;\r\n}\r\n\r\n.verleden-label{\r\n  display:inline-block;\r\n  margin-bottom:22px;\r\n  padding:11px 20px;\r\n  border-radius:999px;\r\n  background:rgba(255,255,255,0.72);\r\n  border:1px solid rgba(255,255,255,0.95);\r\n  color:#8B6B55;\r\n  font-size:15px;\r\n  font-weight:900;\r\n}\r\n\r\n.verleden-hero h1{\r\n  font-size:clamp(44px,6vw,74px);\r\n  line-height:1;\r\n  margin:0 0 24px;\r\n  color:#3A2B24;\r\n  font-weight:900;\r\n}\r\n\r\n.verleden-hero p{\r\n  font-size:19px;\r\n  line-height:1.9;\r\n  color:#7A6455;\r\n  font-weight:650;\r\n  max-width:760px;\r\n  margin:0 auto;\r\n}\r\n\r\n\/* UITLEGKAARTEN *\/\r\n\r\n.uitleg-blok{\r\n  margin:0 auto 4rem;\r\n}\r\n\r\n.uitleg-kop{\r\n  margin-bottom:1.7rem;\r\n  text-align:center;\r\n}\r\n\r\n.uitleg-title{\r\n  font-size:clamp(32px,4vw,48px);\r\n  color:#3A2B24;\r\n  font-weight:900;\r\n  margin:0 0 .7rem;\r\n}\r\n\r\n.uitleg-text{\r\n  font-size:18px;\r\n  line-height:1.8;\r\n  color:#7A6455;\r\n  font-weight:650;\r\n  max-width:820px;\r\n  margin:0 auto;\r\n}\r\n\r\n.uitleg-grid{\r\n  display:grid;\r\n  grid-template-columns:repeat(3,1fr);\r\n  gap:1.4rem;\r\n}\r\n\r\n.uitleg-card{\r\n  position:relative;\r\n  overflow:hidden;\r\n  padding:1.8rem;\r\n  border-radius:34px;\r\n  border:1px solid rgba(255,255,255,0.94);\r\n  box-shadow:0 10px 28px rgba(90,70,55,0.06);\r\n  transition:.25s ease;\r\n}\r\n\r\n.uitleg-card::before{\r\n  content:\"\";\r\n  position:absolute;\r\n  right:-42px;\r\n  top:-42px;\r\n  width:128px;\r\n  height:128px;\r\n  border-radius:50%;\r\n  background:rgba(255,255,255,0.52);\r\n}\r\n\r\n.uitleg-card:nth-child(1){\r\n  background:linear-gradient(135deg,#FFF4E3 0%,#FFF9EF 100%);\r\n}\r\n\r\n.uitleg-card:nth-child(2){\r\n  background:linear-gradient(135deg,#EAF7F1 0%,#F7FFFB 100%);\r\n}\r\n\r\n.uitleg-card:nth-child(3){\r\n  background:linear-gradient(135deg,#FFEAF1 0%,#FFF7FA 100%);\r\n}\r\n\r\n.uitleg-card:hover{\r\n  transform:translateY(-6px) scale(1.01);\r\n  box-shadow:0 18px 38px rgba(90,70,55,0.11);\r\n}\r\n\r\n.uitleg-icon{\r\n  position:relative;\r\n  z-index:2;\r\n  width:58px;\r\n  height:58px;\r\n  border-radius:22px;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  background:rgba(255,255,255,0.76);\r\n  box-shadow:0 8px 20px rgba(90,70,55,0.08);\r\n  font-size:1.8rem;\r\n  margin-bottom:1.1rem;\r\n}\r\n\r\n.uitleg-card h3{\r\n  position:relative;\r\n  z-index:2;\r\n  margin:0 0 .8rem;\r\n  color:#3A2B24;\r\n  font-size:1.22rem;\r\n  font-weight:900;\r\n}\r\n\r\n.uitleg-card p{\r\n  position:relative;\r\n  z-index:2;\r\n  margin:0;\r\n  color:#7A6455;\r\n  line-height:1.8;\r\n  font-weight:650;\r\n  font-size:1rem;\r\n}\r\n\r\n\/* OEFENBLOK *\/\r\n\r\n.oefenblok{\r\n  max-width:980px;\r\n  margin:0 auto 4rem;\r\n  padding:2.8rem;\r\n  border-radius:42px;\r\n  background:rgba(255,255,255,0.62);\r\n  border:1px solid rgba(255,255,255,0.96);\r\n  box-shadow:0 16px 42px rgba(90,70,55,0.08);\r\n  backdrop-filter:blur(16px);\r\n  -webkit-backdrop-filter:blur(16px);\r\n  text-align:center;\r\n}\r\n\r\n.oefen-top{\r\n  display:flex;\r\n  justify-content:space-between;\r\n  align-items:center;\r\n  gap:1rem;\r\n  flex-wrap:wrap;\r\n  margin-bottom:1.2rem;\r\n}\r\n\r\n.level-pill,\r\n.score-pill{\r\n  padding:10px 16px;\r\n  border-radius:999px;\r\n  background:rgba(255,255,255,0.78);\r\n  border:1px solid rgba(255,255,255,0.95);\r\n  color:#8B6B55;\r\n  font-size:14px;\r\n  font-weight:900;\r\n}\r\n\r\n.progress-wrap{\r\n  width:100%;\r\n  height:12px;\r\n  border-radius:999px;\r\n  background:rgba(255,255,255,0.72);\r\n  overflow:hidden;\r\n  margin:10px 0 2rem;\r\n}\r\n\r\n.progress-bar{\r\n  height:100%;\r\n  width:0%;\r\n  border-radius:999px;\r\n  background:#FFD6A8;\r\n  transition:width .35s ease;\r\n}\r\n\r\n.vraag-card{\r\n  padding:2rem;\r\n  border-radius:34px;\r\n  background:linear-gradient(135deg,#FFF4E3 0%,#FFF9EF 100%);\r\n  border:1px solid rgba(255,255,255,0.94);\r\n}\r\n\r\n.vraag{\r\n  font-size:1.45rem;\r\n  font-weight:900;\r\n  color:#3A2B24;\r\n  margin-bottom:1rem;\r\n}\r\n\r\n.zin{\r\n  font-size:clamp(2rem,4vw,3.4rem);\r\n  line-height:1.15;\r\n  font-weight:950;\r\n  color:#3A2B24;\r\n  margin:1rem 0;\r\n}\r\n\r\n.helper{\r\n  color:#7A6455;\r\n  font-weight:750;\r\n  margin-bottom:1.4rem;\r\n  line-height:1.7;\r\n}\r\n\r\n.antwoorden{\r\n  display:flex;\r\n  gap:1rem;\r\n  justify-content:center;\r\n  flex-wrap:wrap;\r\n  margin-top:1.5rem;\r\n}\r\n\r\n.knop{\r\n  min-width:120px;\r\n  padding:1rem 1.7rem;\r\n  border-radius:999px;\r\n  background:rgba(255,255,255,0.94);\r\n  color:#3A2B24 !important;\r\n  font-size:1.15rem;\r\n  font-weight:900;\r\n  cursor:pointer;\r\n  border:2px solid rgba(232,205,188,0.65);\r\n  box-shadow:0 8px 20px rgba(90,70,55,0.06);\r\n  transition:.25s ease;\r\n}\r\n\r\n.knop:hover:not(:disabled){\r\n  transform:translateY(-3px);\r\n  background:#FFF0DE;\r\n}\r\n\r\n.knop.juist{\r\n  background:#DDF5E4 !important;\r\n  color:#2F6A46 !important;\r\n  border-color:#B9DEC5 !important;\r\n  box-shadow:0 8px 22px rgba(90,70,55,0.08);\r\n}\r\n\r\n.knop.fout{\r\n  background:#FFE3E3 !important;\r\n  color:#9A4B4B !important;\r\n  border-color:#F3C4C4 !important;\r\n  opacity:.8;\r\n}\r\n\r\n.feedback{\r\n  margin-top:1.6rem;\r\n  min-height:1.4em;\r\n  color:#7A6455;\r\n  font-weight:900;\r\n  line-height:1.8;\r\n}\r\n\r\n.volgende{\r\n  display:none;\r\n  margin-top:2rem;\r\n}\r\n\r\n.volgende button{\r\n  padding:1rem 2.2rem;\r\n  border-radius:999px;\r\n  border:none;\r\n  background:#FFD6A8;\r\n  color:#3A2B24;\r\n  font-size:1rem;\r\n  font-weight:900;\r\n  cursor:pointer;\r\n  box-shadow:0 8px 20px rgba(90,70,55,0.08);\r\n  transition:.25s ease;\r\n}\r\n\r\n.volgende button:hover{\r\n  transform:translateY(-3px);\r\n  background:#FFF0DE;\r\n}\r\n\r\n\/* REMINDER *\/\r\n\r\n.reminder-box{\r\n  max-width:780px;\r\n  margin:0 auto;\r\n  padding:2rem;\r\n  border-radius:30px;\r\n  background:\r\n    radial-gradient(circle at 12% 18%, rgba(255,255,255,.85) 0%, transparent 34%),\r\n    radial-gradient(circle at 88% 22%, rgba(255,234,242,.58) 0%, transparent 34%),\r\n    linear-gradient(135deg,#FFF8EF 0%,#F3FBF8 48%,#EEF7FE 100%);\r\n  border:1px solid rgba(255,255,255,0.94);\r\n  box-shadow:0 16px 38px rgba(90,70,55,.08);\r\n  color:#7A6455;\r\n  font-size:18px;\r\n  line-height:1.9;\r\n  font-weight:650;\r\n  text-align:center;\r\n}\r\n\r\n\/* MOBIEL *\/\r\n\r\n@media(max-width:900px){\r\n  .verleden-oefen-page{\r\n    padding:5rem 6vw 3rem;\r\n  }\r\n\r\n  .verleden-hero,\r\n  .oefenblok{\r\n    padding:2.4rem;\r\n  }\r\n\r\n  .uitleg-grid{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  .uitleg-card{\r\n    text-align:center;\r\n  }\r\n\r\n  .uitleg-icon{\r\n    margin-left:auto;\r\n    margin-right:auto;\r\n  }\r\n\r\n  .oefen-top{\r\n    justify-content:center;\r\n  }\r\n\r\n  .knop{\r\n    width:100%;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"verleden-oefen-page\">\r\n\r\n  <div class=\"verleden-wrap\">\r\n\r\n    <div class=\"verleden-hero\">\r\n      <div class=\"verleden-label\">\ud83e\udde9 Taal bouwen<\/div>\r\n\r\n      <h1>Oefenen met verleden tijd.<\/h1>\r\n\r\n      <p>\r\n        Kijk rustig naar de zin.\r\n        Gebeurt het nu?\r\n        Of gebeurde het al eerder?\r\n        We oefenen stap voor stap met woorden zoals speelde, kookte en tekende \ud83c\udf3f\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"uitleg-blok\">\r\n\r\n      <div class=\"uitleg-kop\">\r\n        <h2 class=\"uitleg-title\">\ud83c\udf31 Eerst rustig herkennen<\/h2>\r\n        <p class=\"uitleg-text\">\r\n          Verleden tijd vertelt dat iets al gebeurd is.\r\n          We vergelijken steeds wat nu gebeurt met wat eerder gebeurde.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"uitleg-grid\">\r\n\r\n        <div class=\"uitleg-card\">\r\n          <div class=\"uitleg-icon\">\ud83c\udf31<\/div>\r\n          <h3>Nu<\/h3>\r\n          <p>\r\n            Het gebeurt op dit moment.<br>\r\n            Bijvoorbeeld: <strong>Ik speel buiten.<\/strong>\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"uitleg-card\">\r\n          <div class=\"uitleg-icon\">\ud83c\udf19<\/div>\r\n          <h3>Al gebeurd<\/h3>\r\n          <p>\r\n            Het gebeurde eerder.<br>\r\n            Bijvoorbeeld: <strong>Ik speelde buiten.<\/strong>\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"uitleg-card\">\r\n          <div class=\"uitleg-icon\">\ud83e\udde9<\/div>\r\n          <h3>Kijk naar het woord<\/h3>\r\n          <p>\r\n            Soms verandert het doe-woord een beetje.<br>\r\n            speel \u2192 speelde\r\n          <\/p>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"oefenblok\">\r\n\r\n      <div class=\"oefen-top\">\r\n        <div class=\"level-pill\" id=\"levelNaam\"><\/div>\r\n        <div class=\"score-pill\" id=\"scoreTekst\"><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"progress-wrap\">\r\n        <div class=\"progress-bar\" id=\"progressBar\"><\/div>\r\n      <\/div>\r\n\r\n      <div class=\"vraag-card\">\r\n        <div class=\"vraag\" id=\"vraag\"><\/div>\r\n        <div class=\"zin\" id=\"zin\"><\/div>\r\n        <div class=\"helper\" id=\"helper\"><\/div>\r\n        <div class=\"antwoorden\" id=\"antwoorden\"><\/div>\r\n        <div class=\"feedback\" id=\"feedback\"><\/div>\r\n\r\n        <div class=\"volgende\" id=\"volgende\">\r\n          <button id=\"volgendeBtn\">Volgende vraag \ud83c\udf3f<\/button>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"reminder-box\">\r\n      Kleine reminder \ud83c\udf38<br>\r\n      Je hoeft verleden tijd niet meteen perfect te herkennen.\r\n      Kijk rustig naar het woord. Vergelijk nu en vroeger.\r\n      Elke vraag helpt je brein een beetje groeien.\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', () => {\r\n\r\n  const levels = [\r\n    {\r\n      naam:'\ud83c\udf31 Level 1: Nu of al gebeurd?',\r\n      vragen:[\r\n        { zin:'Ik speel buiten.', antwoord:'Nu', opties:['Nu','Al gebeurd'] },\r\n        { zin:'Ik speelde buiten.', antwoord:'Al gebeurd', opties:['Nu','Al gebeurd'] },\r\n        { zin:'Wij koken soep.', antwoord:'Nu', opties:['Nu','Al gebeurd'] },\r\n        { zin:'Wij kookten soep.', antwoord:'Al gebeurd', opties:['Nu','Al gebeurd'] },\r\n        { zin:'Zij tekent een bloem.', antwoord:'Nu', opties:['Nu','Al gebeurd'] },\r\n        { zin:'Zij tekende een bloem.', antwoord:'Al gebeurd', opties:['Nu','Al gebeurd'] }\r\n      ]\r\n    },\r\n    {\r\n      naam:'\ud83c\udf19 Level 2: Welke zin gebeurde al?',\r\n      vragen:[\r\n        { zin:'Kies de zin die al gebeurd is.', antwoord:'Ik fietste naar school.', opties:['Ik fiets naar school.','Ik fietste naar school.'] },\r\n        { zin:'Kies de zin die al gebeurd is.', antwoord:'Hij kookte soep.', opties:['Hij kookt soep.','Hij kookte soep.'] },\r\n        { zin:'Kies de zin die al gebeurd is.', antwoord:'Wij wandelden samen.', opties:['Wij wandelen samen.','Wij wandelden samen.'] },\r\n        { zin:'Kies de zin die al gebeurd is.', antwoord:'Zij tekende een bloem.', opties:['Zij tekent een bloem.','Zij tekende een bloem.'] },\r\n        { zin:'Kies de zin die al gebeurd is.', antwoord:'Jij luisterde goed.', opties:['Jij luistert goed.','Jij luisterde goed.'] }\r\n      ]\r\n    },\r\n    {\r\n      naam:'\ud83e\udde9 Level 3: Welk woord past?',\r\n      vragen:[\r\n        { zin:'Gisteren ___ ik buiten.', antwoord:'speelde', opties:['speel','speelde','spelen'] },\r\n        { zin:'Gisteren ___ wij soep.', antwoord:'kookten', opties:['koken','kookten','kookt'] },\r\n        { zin:'Gisteren ___ hij een mooie tekening.', antwoord:'maakte', opties:['maakt','maakte','maken'] },\r\n        { zin:'Gisteren ___ zij een bloem.', antwoord:'tekende', opties:['tekent','tekende','tekenen'] },\r\n        { zin:'Gisteren ___ jij naar muziek.', antwoord:'luisterde', opties:['luistert','luisterde','luisteren'] }\r\n      ]\r\n    },\r\n    {\r\n      naam:'\ud83c\udf38 Level 4: Nu wordt vroeger',\r\n      vragen:[\r\n        { zin:'Nu: ik speel. Al gebeurd: ik ___.', antwoord:'speelde', opties:['speel','speelde','spelen'] },\r\n        { zin:'Nu: wij koken. Al gebeurd: wij ___.', antwoord:'kookten', opties:['koken','kookten','kookt'] },\r\n        { zin:'Nu: hij fietst. Al gebeurd: hij ___.', antwoord:'fietste', opties:['fietst','fietste','fietsen'] },\r\n        { zin:'Nu: zij tekent. Al gebeurd: zij ___.', antwoord:'tekende', opties:['tekent','tekende','tekenen'] },\r\n        { zin:'Nu: jij lacht. Al gebeurd: jij ___.', antwoord:'lachte', opties:['lacht','lachte','lachen'] }\r\n      ]\r\n    },\r\n    {\r\n      naam:'\u2728 Level 5: Kleine verhaaltjes',\r\n      vragen:[\r\n        { zin:'Gisteren regende het. Wij ___ binnen.', antwoord:'speelden', opties:['spelen','speelden','speelt'] },\r\n        { zin:'Vorige week was het warm. Ik ___ naar het park.', antwoord:'fietste', opties:['fiets','fietste','fietsen'] },\r\n        { zin:'Gisteren was zij blij. Zij ___ een bloem.', antwoord:'tekende', opties:['tekent','tekende','tekenen'] },\r\n        { zin:'Vanmorgen was hij vroeg wakker. Hij ___ rustig.', antwoord:'wandelde', opties:['wandelt','wandelde','wandelen'] },\r\n        { zin:'Gisteren was jij goed bezig. Jij ___ aandachtig.', antwoord:'luisterde', opties:['luistert','luisterde','luisteren'] }\r\n      ]\r\n    }\r\n  ];\r\n\r\n  let levelIndex = 0;\r\n  let vraagIndex = 0;\r\n  let goedAantal = 0;\r\n  let locked = false;\r\n  let huidigAntwoord = '';\r\n\r\n  const levelNaam = document.getElementById('levelNaam');\r\n  const scoreTekst = document.getElementById('scoreTekst');\r\n  const progressBar = document.getElementById('progressBar');\r\n  const vraagEl = document.getElementById('vraag');\r\n  const zinEl = document.getElementById('zin');\r\n  const helperEl = document.getElementById('helper');\r\n  const antwoordenEl = document.getElementById('antwoorden');\r\n  const feedbackEl = document.getElementById('feedback');\r\n  const volgende = document.getElementById('volgende');\r\n  const volgendeBtn = document.getElementById('volgendeBtn');\r\n\r\n  function shuffle(arr){\r\n    return [...arr].sort(() => Math.random() - 0.5);\r\n  }\r\n\r\n  function laadVraag(){\r\n    locked = false;\r\n    feedbackEl.textContent = '';\r\n    antwoordenEl.innerHTML = '';\r\n    volgende.style.display = 'none';\r\n\r\n    const level = levels[levelIndex];\r\n    const item = level.vragen[vraagIndex];\r\n\r\n    levelNaam.textContent = level.naam;\r\n    scoreTekst.textContent = `Vraag ${vraagIndex + 1} van ${level.vragen.length}`;\r\n    progressBar.style.width = `${(vraagIndex \/ level.vragen.length) * 100}%`;\r\n\r\n    vraagEl.textContent = 'Kijk rustig.';\r\n    zinEl.textContent = item.zin;\r\n    helperEl.textContent = 'Gebeurt het nu? Of gebeurde het al?';\r\n    huidigAntwoord = item.antwoord;\r\n\r\n    shuffle(item.opties).forEach(optie => {\r\n      const btn = document.createElement('button');\r\n      btn.className = 'knop';\r\n      btn.textContent = optie;\r\n      btn.onclick = () => controleer(btn, optie);\r\n      antwoordenEl.appendChild(btn);\r\n    });\r\n  }\r\n\r\n  function controleer(btn, keuze){\r\n    if(locked) return;\r\n\r\n    if(keuze === huidigAntwoord){\r\n      locked = true;\r\n      goedAantal++;\r\n      btn.classList.add('juist');\r\n\r\n      feedbackEl.textContent = [\r\n        'Ja \ud83c\udf38 goed gevoeld.',\r\n        'Dat klopt \ud83c\udf3f',\r\n        'Mooi rustig gekeken.',\r\n        'Knap gedaan.'\r\n      ][Math.floor(Math.random() * 4)];\r\n\r\n      volgende.style.display = 'block';\r\n\r\n      volgendeBtn.onclick = () => {\r\n        vraagIndex++;\r\n\r\n        if(vraagIndex >= levels[levelIndex].vragen.length){\r\n          toonLevelKlaar();\r\n        } else {\r\n          laadVraag();\r\n        }\r\n      };\r\n\r\n    } else {\r\n      btn.classList.add('fout');\r\n      feedbackEl.textContent = 'Kijk nog eens rustig. Is het nu of al gebeurd?';\r\n    }\r\n  }\r\n\r\n  function toonLevelKlaar(){\r\n    progressBar.style.width = '100%';\r\n    vraagEl.textContent = 'Goed geoefend \ud83c\udf38';\r\n    zinEl.textContent = '';\r\n    helperEl.textContent = '';\r\n    antwoordenEl.innerHTML = '';\r\n    feedbackEl.textContent = `Je hebt ${goedAantal} antwoorden goed gedaan.`;\r\n\r\n    volgende.style.display = 'block';\r\n\r\n    if(levelIndex < levels.length - 1){\r\n      volgendeBtn.textContent = 'Naar het volgende level \ud83c\udf3f';\r\n      volgendeBtn.onclick = () => {\r\n        levelIndex++;\r\n        vraagIndex = 0;\r\n        goedAantal = 0;\r\n        volgendeBtn.textContent = 'Volgende vraag \ud83c\udf3f';\r\n        laadVraag();\r\n      };\r\n    } else {\r\n      volgendeBtn.textContent = 'Nog een keer oefenen \ud83c\udf38';\r\n      volgendeBtn.onclick = () => {\r\n        levelIndex = 0;\r\n        vraagIndex = 0;\r\n        goedAantal = 0;\r\n        volgendeBtn.textContent = 'Volgende vraag \ud83c\udf3f';\r\n        laadVraag();\r\n      };\r\n    }\r\n  }\r\n\r\n  laadVraag();\r\n});\r\n<\/script>\r\n```\r\n\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>\ud83e\udde9 Taal bouwen Oefenen met verleden tijd. Kijk rustig naar de zin. Gebeurt het nu? Of gebeurde het al eerder? We oefenen stap voor stap met woorden zoals speelde, kookte en tekende \ud83c\udf3f \ud83c\udf31 Eerst rustig herkennen Verleden tijd vertelt dat iets al gebeurd is. We vergelijken steeds wat nu gebeurt met wat eerder gebeurde. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-984","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/withifi.muhubonurture.nl\/index.php?rest_route=\/wp\/v2\/pages\/984","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/withifi.muhubonurture.nl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/withifi.muhubonurture.nl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/withifi.muhubonurture.nl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/withifi.muhubonurture.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=984"}],"version-history":[{"count":13,"href":"https:\/\/withifi.muhubonurture.nl\/index.php?rest_route=\/wp\/v2\/pages\/984\/revisions"}],"predecessor-version":[{"id":3679,"href":"https:\/\/withifi.muhubonurture.nl\/index.php?rest_route=\/wp\/v2\/pages\/984\/revisions\/3679"}],"wp:attachment":[{"href":"https:\/\/withifi.muhubonurture.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=984"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}