{"id":683,"date":"2026-02-08T05:45:17","date_gmt":"2026-02-08T05:45:17","guid":{"rendered":"https:\/\/withifi.muhubonurture.nl\/?page_id=683"},"modified":"2026-06-20T03:40:14","modified_gmt":"2026-06-20T03:40:14","slug":"oefenen-met-medeklinkers","status":"publish","type":"page","link":"https:\/\/withifi.muhubonurture.nl\/?page_id=683","title":{"rendered":"Oefenen Met Medeklinkers"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"683\" class=\"elementor elementor-683\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3c75675 e-con-full e-flex e-con e-parent\" data-id=\"3c75675\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3907722 elementor-widget elementor-widget-html\" data-id=\"3907722\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- 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.medeklinkers-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(255,225,234,0.38) 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,#FFF7F8 0%,#EEF7F3 45%,#FFF8ED 100%);\r\n}\r\n\r\n.medeklinkers-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.medeklinkers-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.medeklinkers-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.medeklinkers-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.route-blok{\r\n  max-width:1120px;\r\n  margin:0 auto 4rem;\r\n}\r\n\r\n.route-kop{\r\n  margin-bottom:1.7rem;\r\n}\r\n\r\n.route-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.route-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;\r\n}\r\n\r\n.route-grid{\r\n  display:grid;\r\n  grid-template-columns:repeat(3,1fr);\r\n  gap:1.4rem;\r\n}\r\n\r\n.route-card{\r\n  display:block;\r\n  min-height:190px;\r\n  padding:1.8rem;\r\n  border-radius:34px;\r\n  background:rgba(255,255,255,0.58);\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  text-decoration:none;\r\n  color:#3A2B24;\r\n  position:relative;\r\n  overflow:hidden;\r\n}\r\n\r\n.route-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.route-card:hover{\r\n  transform:translateY(-6px) scale(1.01);\r\n  background:rgba(255,255,255,0.78);\r\n  box-shadow:0 18px 38px rgba(90,70,55,0.11);\r\n}\r\n\r\n.route-card-top{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:1rem;\r\n  margin-bottom:1.1rem;\r\n  position:relative;\r\n  z-index:2;\r\n}\r\n\r\n.route-circle{\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:#FFF0DE;\r\n  font-size:1.7rem;\r\n  flex-shrink:0;\r\n}\r\n\r\n.route-card h3{\r\n  margin:0;\r\n  font-size:1.22rem;\r\n  color:#3A2B24;\r\n  font-weight:900;\r\n  position:relative;\r\n  z-index:2;\r\n}\r\n\r\n.route-card p{\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  position:relative;\r\n  z-index:2;\r\n}\r\n\r\n.route-card:nth-child(1){\r\n  background:rgba(255,246,230,0.74);\r\n}\r\n\r\n.route-card:nth-child(2){\r\n  background:rgba(238,247,243,0.72);\r\n}\r\n\r\n.route-card:nth-child(3){\r\n  background:rgba(255,232,238,0.66);\r\n}\r\n\r\n.route-circle.beige{background:#FFF0DE;}\r\n.route-circle.green{background:#EAF7F1;}\r\n.route-circle.pink{background:#FFEAF1;}\r\n\r\n.letter-card{\r\n  max-width:1120px;\r\n  margin:0 auto 4rem;\r\n  min-height:auto;\r\n  background:\r\n    radial-gradient(circle at 90% 12%, rgba(255,255,255,0.72) 0%, transparent 20%),\r\n    linear-gradient(135deg,#FFEAF2 0%,#FFF7FA 52%,#EAF7F1 100%);\r\n}\r\n\r\n.medeklinker-strip{\r\n  display:flex;\r\n  flex-wrap:wrap;\r\n  gap:10px;\r\n  margin-top:1.4rem;\r\n  position:relative;\r\n  z-index:2;\r\n}\r\n\r\n.medeklinker-strip span{\r\n  width:46px;\r\n  height:46px;\r\n  border-radius:16px;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  background:rgba(255,255,255,0.78);\r\n  border:1px solid rgba(255,255,255,0.95);\r\n  color:#3A2B24;\r\n  font-size:22px;\r\n  font-weight:900;\r\n  box-shadow:0 8px 20px rgba(90,70,55,0.06);\r\n}\r\n\r\n.oefening{\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}\r\n\r\n.oefen-top{\r\n  display:flex;\r\n  justify-content:space-between;\r\n  gap:14px;\r\n  align-items:center;\r\n  margin-bottom:22px;\r\n  flex-wrap:wrap;\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.72);\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 28px;\r\n}\r\n\r\n.progress-bar{\r\n  height:100%;\r\n  width:0%;\r\n  border-radius:999px;\r\n  background:#F9CFE0;\r\n  transition:width .35s ease;\r\n}\r\n\r\n.vraag{\r\n  font-size:1.45rem;\r\n  color:#3A2B24;\r\n  margin-bottom:1rem;\r\n  text-align:center;\r\n  font-weight:900;\r\n}\r\n\r\n.helper{\r\n  text-align:center;\r\n  color:#7A6455;\r\n  font-weight:750;\r\n  font-size:16px;\r\n  margin-bottom:18px;\r\n}\r\n\r\n.letter{\r\n  font-size:clamp(4.4rem,8vw,6.4rem);\r\n  text-align:center;\r\n  margin:1rem 0 2rem;\r\n  color:#3A2B24;\r\n  font-weight:900;\r\n  line-height:1;\r\n}\r\n\r\n.word-box{\r\n  text-align:center;\r\n  font-size:clamp(3rem,7vw,5rem);\r\n  font-weight:900;\r\n  color:#3A2B24;\r\n  margin:1rem 0 1.8rem;\r\n}\r\n\r\n.word-box .missing{\r\n  display:inline-flex;\r\n  width:64px;\r\n  height:64px;\r\n  border-radius:22px;\r\n  align-items:center;\r\n  justify-content:center;\r\n  background:#FFEAF1;\r\n  margin:0 4px;\r\n}\r\n\r\n.keuzes{\r\n  display:flex;\r\n  gap:1.1rem;\r\n  justify-content:center;\r\n  flex-wrap:wrap;\r\n}\r\n\r\n.keuze,\r\n.volgende button{\r\n  padding:1rem 2.2rem;\r\n  border-radius:999px;\r\n  border:1px solid rgba(255,255,255,0.98);\r\n  background:rgba(255,255,255,0.92);\r\n  color:#3A2B24 !important;\r\n  font-size:1.1rem;\r\n  font-weight:900;\r\n  cursor:pointer;\r\n  box-shadow:0 8px 22px rgba(90,70,55,0.08);\r\n  transition:.25s ease;\r\n}\r\n\r\n.keuze:hover,\r\n.volgende button:hover{\r\n  transform:translateY(-3px);\r\n  background:#FFEAF1;\r\n}\r\n\r\n.keuze.correct{\r\n  background:#DDF5E4 !important;\r\n  color:#2F6A46 !important;\r\n}\r\n\r\n.keuze.wrong{\r\n  background:#FFE3E3 !important;\r\n  color:#9A4B4B !important;\r\n  opacity:.72;\r\n}\r\n\r\n.feedback{\r\n  margin-top:1.8rem;\r\n  text-align:center;\r\n  font-size:1.1rem;\r\n  min-height:1.4em;\r\n  color:#7A6455;\r\n  font-weight:900;\r\n}\r\n\r\n.volgende{\r\n  display:none;\r\n  margin-top:2.2rem;\r\n  text-align:center;\r\n}\r\n\r\n.medeklinkers-note{\r\n  max-width:780px;\r\n  margin:4rem auto 0;\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@media(max-width:900px){\r\n  .medeklinkers-page{\r\n    padding:5rem 6vw 3rem;\r\n  }\r\n\r\n  .medeklinkers-hero,\r\n  .oefening{\r\n    padding:2.4rem;\r\n  }\r\n\r\n  .route-grid{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  .route-kop{\r\n    text-align:center;\r\n  }\r\n\r\n  .route-text{\r\n    margin-left:auto;\r\n    margin-right:auto;\r\n  }\r\n\r\n  .route-card-top{\r\n    flex-direction:column;\r\n    text-align:center;\r\n  }\r\n\r\n  .route-card{\r\n    text-align:center;\r\n  }\r\n\r\n  .medeklinker-strip{\r\n    justify-content:center;\r\n  }\r\n\r\n  .oefen-top{\r\n    justify-content:center;\r\n  }\r\n\r\n  .keuze{\r\n    width:100%;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"medeklinkers-page\">\r\n\r\n  <div class=\"medeklinkers-hero\">\r\n    <div class=\"medeklinkers-label\">\ud83d\udcd6 Woordenwereld<\/div>\r\n\r\n    <h1>Oefenen met medeklinkers.<\/h1>\r\n\r\n    <p>\r\n      Medeklinkers helpen woorden stevig worden.\r\n      We oefenen rustig met herkennen, kiezen en woorden aanvullen \ud83c\udf3f\r\n    <\/p>\r\n  <\/div>\r\n\r\n  <div class=\"route-blok\">\r\n    <div class=\"route-kop\">\r\n      <h2 class=\"route-title\">\ud83c\udf31 Wat gaan we oefenen?<\/h2>\r\n      <p class=\"route-text\">\r\n        We kijken naar letters, luisteren naar woorden en vullen rustig aan wat ontbreekt.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"route-grid\">\r\n      <div class=\"route-card\">\r\n        <div class=\"route-card-top\">\r\n          <div class=\"route-circle beige\">\ud83d\udc40<\/div>\r\n          <h3>Herkennen<\/h3>\r\n        <\/div>\r\n        <p>Kijk naar \u00e9\u00e9n letter. Is het een medeklinker of niet?<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"route-card\">\r\n        <div class=\"route-card-top\">\r\n          <div class=\"route-circle green\">\ud83d\udd0e<\/div>\r\n          <h3>Kiezen<\/h3>\r\n        <\/div>\r\n        <p>Je krijgt meerdere letters. Jij zoekt rustig de medeklinker.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"route-card\">\r\n        <div class=\"route-card-top\">\r\n          <div class=\"route-circle pink\">\ud83e\udde9<\/div>\r\n          <h3>Aanvullen<\/h3>\r\n        <\/div>\r\n        <p>Er mist een letter in het woord. Welke medeklinker past daar?<\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"route-card letter-card\">\r\n    <div class=\"route-card-top\">\r\n      <div class=\"route-circle pink\">\ud83d\udcda<\/div>\r\n      <h3>Medeklinkers die je gaat tegenkomen<\/h3>\r\n    <\/div>\r\n\r\n    <div class=\"medeklinker-strip\">\r\n      <span>b<\/span><span>c<\/span><span>d<\/span><span>f<\/span><span>g<\/span>\r\n      <span>h<\/span><span>j<\/span><span>k<\/span><span>l<\/span><span>m<\/span>\r\n      <span>n<\/span><span>p<\/span><span>r<\/span><span>s<\/span><span>t<\/span>\r\n      <span>v<\/span><span>w<\/span><span>z<\/span>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"oefening\">\r\n    <div class=\"oefen-top\">\r\n      <div class=\"level-pill\" id=\"levelNaam\">\ud83c\udf31 Level 1: Herkennen<\/div>\r\n      <div class=\"score-pill\" id=\"scoreTekst\">Vraag 1 van 12<\/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\" id=\"vraag\"><\/div>\r\n    <div class=\"helper\" id=\"helper\"><\/div>\r\n    <div class=\"letter\" id=\"letter\"><\/div>\r\n    <div class=\"word-box\" id=\"wordBox\"><\/div>\r\n\r\n    <div class=\"keuzes\" id=\"keuzes\"><\/div>\r\n    <div class=\"feedback\" id=\"feedback\"><\/div>\r\n\r\n    <div class=\"volgende\" id=\"volgende\">\r\n      <button id=\"volgendeBtn\">Verder oefenen \ud83c\udf38<\/button>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"medeklinkers-note\">\r\n    Kleine reminder \ud83c\udf38<br>\r\n    Je hoeft het niet meteen te kunnen.\r\n    Rustig kijken, proberen en opnieuw kiezen helpt je brein groeien.\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', () => {\r\n\r\n  const klinkers = ['a','e','i','o','u'];\r\n  const medeklinkers = ['b','c','d','f','g','h','j','k','l','m','n','p','r','s','t','v','w','z'];\r\n\r\n  const woorden = [\r\n    { woord:'kat', medeklinker:'k', display:'_at' },\r\n    { woord:'pen', medeklinker:'p', display:'_en' },\r\n    { woord:'vis', medeklinker:'v', display:'_is' },\r\n    { woord:'zon', medeklinker:'z', display:'_on' },\r\n    { woord:'bus', medeklinker:'b', display:'_us' },\r\n    { woord:'tak', medeklinker:'t', display:'_ak' },\r\n    { woord:'mes', medeklinker:'m', display:'_es' },\r\n    { woord:'lip', medeklinker:'l', display:'_ip' },\r\n    { woord:'pop', medeklinker:'p', display:'_op' },\r\n    { woord:'mus', medeklinker:'m', display:'_us' }\r\n  ];\r\n\r\n  const levels = [\r\n    { naam:'\ud83c\udf31 Level 1: Herkennen', type:'ja-nee', totaal:12 },\r\n    { naam:'\ud83c\udf3f Level 2: Kies de medeklinker', type:'kies-medeklinker', totaal:12 },\r\n    { naam:'\ud83c\udf38 Level 3: Vul het woord aan', type:'woord-aanvullen', totaal:10 },\r\n    { naam:'\u2b50 Level 4: Door elkaar', type:'mix', totaal:15 }\r\n  ];\r\n\r\n  let levelIndex = 0;\r\n  let vraagIndex = 0;\r\n  let goedAantal = 0;\r\n  let currentAnswer = null;\r\n  let locked = false;\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 helperEl = document.getElementById('helper');\r\n  const letterEl = document.getElementById('letter');\r\n  const wordBox = document.getElementById('wordBox');\r\n  const keuzesEl = document.getElementById('keuzes');\r\n  const feedbackEl = document.getElementById('feedback');\r\n  const volgendeEl = document.getElementById('volgende');\r\n  const volgendeBtn = document.getElementById('volgendeBtn');\r\n\r\n  function random(arr){\r\n    return arr[Math.floor(Math.random() * arr.length)];\r\n  }\r\n\r\n  function shuffle(arr){\r\n    return [...arr].sort(() => Math.random() - 0.5);\r\n  }\r\n\r\n  function updateTop(){\r\n    const level = levels[levelIndex];\r\n    levelNaam.textContent = level.naam;\r\n    scoreTekst.textContent = `Vraag ${vraagIndex + 1} van ${level.totaal}`;\r\n    progressBar.style.width = `${(vraagIndex \/ level.totaal) * 100}%`;\r\n  }\r\n\r\n  function resetQuestionView(){\r\n    locked = false;\r\n    feedbackEl.textContent = '';\r\n    keuzesEl.innerHTML = '';\r\n    letterEl.textContent = '';\r\n    wordBox.innerHTML = '';\r\n    helperEl.textContent = '';\r\n    volgendeEl.style.display = 'none';\r\n  }\r\n\r\n  function nieuweVraag(){\r\n    resetQuestionView();\r\n    updateTop();\r\n\r\n    const level = levels[levelIndex];\r\n    let type = level.type;\r\n\r\n    if(type === 'mix'){\r\n      type = random(['ja-nee','kies-medeklinker','woord-aanvullen']);\r\n    }\r\n\r\n    if(type === 'ja-nee') maakJaNeeVraag();\r\n    if(type === 'kies-medeklinker') maakKiesMedeklinkerVraag();\r\n    if(type === 'woord-aanvullen') maakWoordVraag();\r\n  }\r\n\r\n  function maakJaNeeVraag(){\r\n    const isMedeklinker = Math.random() > 0.45;\r\n    const letter = isMedeklinker ? random(medeklinkers) : random(klinkers);\r\n\r\n    currentAnswer = isMedeklinker ? 'Medeklinker' : 'Geen medeklinker';\r\n\r\n    vraagEl.textContent = 'Is deze letter een medeklinker?';\r\n    helperEl.textContent = 'Kijk rustig naar de letter.';\r\n    letterEl.textContent = letter;\r\n\r\n    ['Medeklinker','Geen medeklinker'].forEach(optie => {\r\n      maakKnop(optie,optie);\r\n    });\r\n  }\r\n\r\n  function maakKiesMedeklinkerVraag(){\r\n    const juiste = random(medeklinkers);\r\n    const opties = shuffle([\r\n      juiste,\r\n      random(klinkers),\r\n      random(klinkers)\r\n    ]);\r\n\r\n    currentAnswer = juiste;\r\n\r\n    vraagEl.textContent = 'Welke letter is de medeklinker?';\r\n    helperEl.textContent = 'E\u00e9n van deze letters is geen klinker.';\r\n    letterEl.textContent = '';\r\n\r\n    opties.forEach(optie => {\r\n      maakKnop(optie,optie);\r\n    });\r\n  }\r\n\r\n  function maakWoordVraag(){\r\n    const item = random(woorden);\r\n    const fouteOpties = shuffle(medeklinkers.filter(m => m !== item.medeklinker)).slice(0,3);\r\n    const opties = shuffle([item.medeklinker, ...fouteOpties]);\r\n\r\n    currentAnswer = item.medeklinker;\r\n\r\n    vraagEl.textContent = 'Welke medeklinker past in het woord?';\r\n    helperEl.textContent = `Het woord is: ${item.woord}`;\r\n    letterEl.textContent = '';\r\n\r\n    wordBox.innerHTML = item.display.replace('_','<span class=\"missing\">?<\/span>');\r\n\r\n    opties.forEach(optie => {\r\n      maakKnop(optie,optie);\r\n    });\r\n  }\r\n\r\n  function maakKnop(tekst, waarde){\r\n    const btn = document.createElement('button');\r\n    btn.className = 'keuze';\r\n    btn.textContent = tekst;\r\n    btn.onclick = () => checkAntwoord(btn, waarde);\r\n    keuzesEl.appendChild(btn);\r\n  }\r\n\r\n  function checkAntwoord(btn, waarde){\r\n    if(locked) return;\r\n\r\n    if(waarde === currentAnswer){\r\n      locked = true;\r\n      btn.classList.add('correct');\r\n      goedAantal++;\r\n\r\n      feedbackEl.textContent = random([\r\n        'Ja \ud83c\udf38 heel mooi gezien.',\r\n        'Goed zo \ud83c\udf3f dat klopt.',\r\n        'Rustig gekeken. Knap gedaan.',\r\n        'Yes, je hebt hem gevonden.'\r\n      ]);\r\n\r\n      volgendeEl.style.display = 'block';\r\n      volgendeBtn.textContent = 'Volgende vraag \ud83c\udf3f';\r\n\r\n      volgendeBtn.onclick = () => {\r\n        vraagIndex++;\r\n        const level = levels[levelIndex];\r\n\r\n        if(vraagIndex >= level.totaal){\r\n          toonLevelKlaar();\r\n        }else{\r\n          nieuweVraag();\r\n        }\r\n      };\r\n\r\n    }else{\r\n      btn.classList.add('wrong');\r\n      feedbackEl.textContent = random([\r\n        'Bijna. Kijk nog eens rustig.',\r\n        'Geeft niets. Probeer nog een keer.',\r\n        'Rustig aan. Je mag opnieuw kiezen.',\r\n        'Nog niet. Je bent aan het oefenen.'\r\n      ]);\r\n    }\r\n  }\r\n\r\n  function toonLevelKlaar(){\r\n    const level = levels[levelIndex];\r\n\r\n    progressBar.style.width = '100%';\r\n    vraagEl.textContent = 'Goed geoefend \ud83c\udf38';\r\n    helperEl.textContent = '';\r\n    letterEl.textContent = '';\r\n    wordBox.innerHTML = '';\r\n    keuzesEl.innerHTML = '';\r\n    feedbackEl.textContent = `Je hebt ${goedAantal} goede antwoorden gegeven in ${level.naam}.`;\r\n\r\n    if(levelIndex < levels.length - 1){\r\n      volgendeBtn.textContent = 'Naar het volgende level \ud83c\udf3f';\r\n      volgendeEl.style.display = 'block';\r\n\r\n      volgendeBtn.onclick = () => {\r\n        levelIndex++;\r\n        vraagIndex = 0;\r\n        goedAantal = 0;\r\n        nieuweVraag();\r\n      };\r\n    }else{\r\n      volgendeBtn.textContent = 'Nog een keer oefenen \ud83c\udf38';\r\n      volgendeEl.style.display = 'block';\r\n\r\n      volgendeBtn.onclick = () => {\r\n        levelIndex = 0;\r\n        vraagIndex = 0;\r\n        goedAantal = 0;\r\n        nieuweVraag();\r\n      };\r\n    }\r\n  }\r\n\r\n  nieuweVraag();\r\n});\r\n<\/script>\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>\ud83d\udcd6 Woordenwereld Oefenen met medeklinkers. Medeklinkers helpen woorden stevig worden. We oefenen rustig met herkennen, kiezen en woorden aanvullen \ud83c\udf3f \ud83c\udf31 Wat gaan we oefenen? We kijken naar letters, luisteren naar woorden en vullen rustig aan wat ontbreekt. \ud83d\udc40 Herkennen Kijk naar \u00e9\u00e9n letter. Is het een medeklinker of niet? \ud83d\udd0e Kiezen Je krijgt meerdere [&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-683","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/withifi.muhubonurture.nl\/index.php?rest_route=\/wp\/v2\/pages\/683","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=683"}],"version-history":[{"count":43,"href":"https:\/\/withifi.muhubonurture.nl\/index.php?rest_route=\/wp\/v2\/pages\/683\/revisions"}],"predecessor-version":[{"id":3790,"href":"https:\/\/withifi.muhubonurture.nl\/index.php?rest_route=\/wp\/v2\/pages\/683\/revisions\/3790"}],"wp:attachment":[{"href":"https:\/\/withifi.muhubonurture.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=683"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}