{"id":995,"date":"2026-02-13T04:41:58","date_gmt":"2026-02-13T04:41:58","guid":{"rendered":"https:\/\/withifi.muhubonurture.nl\/?page_id=995"},"modified":"2026-06-19T04:25:46","modified_gmt":"2026-06-19T04:25:46","slug":"oefenen-met-voltooide-tijd","status":"publish","type":"page","link":"https:\/\/withifi.muhubonurture.nl\/?page_id=995","title":{"rendered":"Oefenen Met Voltooide Tijd"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"995\" class=\"elementor elementor-995\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c758180 e-con-full e-flex e-con e-parent\" data-id=\"c758180\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a13d053 elementor-widget elementor-widget-html\" data-id=\"a13d053\" 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.voltooid-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.voltooid-wrap{\r\n  max-width:1120px;\r\n  margin:0 auto;\r\n}\r\n\r\n\/* HERO *\/\r\n\r\n.voltooid-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.voltooid-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.voltooid-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.voltooid-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}\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:.85;\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  .voltooid-oefen-page{\r\n    padding:5rem 6vw 3rem;\r\n  }\r\n\r\n  .voltooid-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=\"voltooid-oefen-page\">\r\n\r\n  <div class=\"voltooid-wrap\">\r\n\r\n    <div class=\"voltooid-hero\">\r\n      <div class=\"voltooid-label\">\ud83e\udde9 Taal bouwen<\/div>\r\n\r\n      <h1>Oefenen met voltooide tijd.<\/h1>\r\n\r\n      <p>\r\n        Kijk rustig naar de zin.\r\n        Is iets nu bezig?\r\n        Of is het al klaar?\r\n        We oefenen stap voor stap met woorden zoals heb gespeeld, heeft gekookt en hebben gewandeld \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          Voltooide tijd vertelt dat iets al gedaan of klaar is.\r\n          We kijken naar woorden zoals heb, heeft en hebben.\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 bezig<\/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\udf38<\/div>\r\n          <h3>Al klaar<\/h3>\r\n          <p>\r\n            Het is al gedaan.<br>\r\n            Bijvoorbeeld: <strong>Ik heb buiten gespeeld.<\/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 de hulpwoorden<\/h3>\r\n          <p>\r\n            Vaak zie je <strong>heb<\/strong>, <strong>heeft<\/strong> of <strong>hebben<\/strong>.<br>\r\n            Daarna komt het doe-woord.\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      Bij voltooide tijd is iets vaak al klaar.\r\n      Kijk rustig of je <strong>heb<\/strong>, <strong>heeft<\/strong> of <strong>hebben<\/strong> ziet.\r\n      Daarna kijk je welk doe-woord erbij hoort.\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 klaar?',\r\n      vragen:[\r\n        { zin:'Ik speel buiten.', antwoord:'Nu bezig', opties:['Nu bezig','Al klaar'] },\r\n        { zin:'Ik heb buiten gespeeld.', antwoord:'Al klaar', opties:['Nu bezig','Al klaar'] },\r\n        { zin:'Wij koken soep.', antwoord:'Nu bezig', opties:['Nu bezig','Al klaar'] },\r\n        { zin:'Wij hebben soep gekookt.', antwoord:'Al klaar', opties:['Nu bezig','Al klaar'] },\r\n        { zin:'Zij tekent een bloem.', antwoord:'Nu bezig', opties:['Nu bezig','Al klaar'] },\r\n        { zin:'Zij heeft een bloem getekend.', antwoord:'Al klaar', opties:['Nu bezig','Al klaar'] }\r\n      ]\r\n    },\r\n    {\r\n      naam:'\ud83c\udf19 Level 2: Welke zin is al klaar?',\r\n      vragen:[\r\n        { zin:'Kies de zin die al klaar is.', antwoord:'Ik heb gefietst.', opties:['Ik fiets.','Ik heb gefietst.'] },\r\n        { zin:'Kies de zin die al klaar is.', antwoord:'Hij heeft gekookt.', opties:['Hij kookt.','Hij heeft gekookt.'] },\r\n        { zin:'Kies de zin die al klaar is.', antwoord:'Wij hebben gewandeld.', opties:['Wij wandelen.','Wij hebben gewandeld.'] },\r\n        { zin:'Kies de zin die al klaar is.', antwoord:'Zij heeft getekend.', opties:['Zij tekent.','Zij heeft getekend.'] },\r\n        { zin:'Kies de zin die al klaar is.', antwoord:'Jij hebt geluisterd.', opties:['Jij luistert.','Jij hebt geluisterd.'] }\r\n      ]\r\n    },\r\n    {\r\n      naam:'\ud83e\udde9 Level 3: Kies heb, heeft of hebben',\r\n      vragen:[\r\n        { zin:'Ik ___ gespeeld.', antwoord:'heb', opties:['heb','heeft','hebben'] },\r\n        { zin:'Jij ___ geluisterd.', antwoord:'hebt', opties:['heb','hebt','hebben'] },\r\n        { zin:'Hij ___ gekookt.', antwoord:'heeft', opties:['heb','heeft','hebben'] },\r\n        { zin:'Zij ___ getekend.', antwoord:'heeft', opties:['heb','heeft','hebben'] },\r\n        { zin:'Wij ___ gewandeld.', antwoord:'hebben', opties:['heb','heeft','hebben'] }\r\n      ]\r\n    },\r\n    {\r\n      naam:'\ud83c\udf38 Level 4: Welk woord past?',\r\n      vragen:[\r\n        { zin:'Ik heb buiten ___.', antwoord:'gespeeld', opties:['speel','gespeeld','spelen'] },\r\n        { zin:'Wij hebben soep ___.', antwoord:'gekookt', opties:['koken','gekookt','kookt'] },\r\n        { zin:'Hij heeft naar school ___.', antwoord:'gefietst', opties:['fietst','gefietst','fietsen'] },\r\n        { zin:'Zij heeft een bloem ___.', antwoord:'getekend', opties:['tekent','getekend','tekenen'] },\r\n        { zin:'Jij hebt goed ___.', antwoord:'geluisterd', opties:['luistert','geluisterd','luisteren'] }\r\n      ]\r\n    },\r\n    {\r\n      naam:'\u2728 Level 5: Kleine verhaaltjes',\r\n      vragen:[\r\n        { zin:'Het spel is klaar. Wij hebben buiten ___.', antwoord:'gespeeld', opties:['spelen','gespeeld','speelt'] },\r\n        { zin:'De soep is klaar. Ik heb ___.', antwoord:'gekookt', opties:['kook','gekookt','koken'] },\r\n        { zin:'De tekening is klaar. Zij heeft ___.', antwoord:'getekend', opties:['tekent','getekend','tekenen'] },\r\n        { zin:'De wandeling is klaar. Hij heeft ___.', antwoord:'gewandeld', opties:['wandelt','gewandeld','wandelen'] },\r\n        { zin:'De muziek is afgelopen. Jij hebt ___.', antwoord:'geluisterd', opties:['luistert','geluisterd','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 = 'Is het nu bezig? Of is het al klaar?';\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 dat is al klaar.',\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 bezig of al klaar?';\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 voltooide tijd. Kijk rustig naar de zin. Is iets nu bezig? Of is het al klaar? We oefenen stap voor stap met woorden zoals heb gespeeld, heeft gekookt en hebben gewandeld \ud83c\udf3f \ud83c\udf31 Eerst rustig herkennen Voltooide tijd vertelt dat iets al gedaan of klaar is. We kijken naar woorden [&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-995","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/withifi.muhubonurture.nl\/index.php?rest_route=\/wp\/v2\/pages\/995","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=995"}],"version-history":[{"count":19,"href":"https:\/\/withifi.muhubonurture.nl\/index.php?rest_route=\/wp\/v2\/pages\/995\/revisions"}],"predecessor-version":[{"id":3685,"href":"https:\/\/withifi.muhubonurture.nl\/index.php?rest_route=\/wp\/v2\/pages\/995\/revisions\/3685"}],"wp:attachment":[{"href":"https:\/\/withifi.muhubonurture.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=995"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}