{"id":3443,"date":"2026-06-16T02:41:26","date_gmt":"2026-06-16T02:41:26","guid":{"rendered":"https:\/\/withifi.muhubonurture.nl\/?page_id=3443"},"modified":"2026-06-16T02:46:54","modified_gmt":"2026-06-16T02:46:54","slug":"lidwoord-race","status":"publish","type":"page","link":"https:\/\/withifi.muhubonurture.nl\/?page_id=3443","title":{"rendered":"Lidwoord Race"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3443\" class=\"elementor elementor-3443\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9e25f02 e-con-full e-flex e-con e-parent\" data-id=\"9e25f02\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8cbc3e5 elementor-widget elementor-widget-html\" data-id=\"8cbc3e5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\nbody{margin:0;font-family:'Inter',sans-serif;}\r\n\r\n.lr-page *{box-sizing:border-box;}\r\n\r\n.lr-page{\r\n  min-height:100vh;\r\n  padding:6rem 7vw;\r\n  color:#3A2B24;\r\n  background:linear-gradient(135deg,#FFF8FB 0%,#EEF7FE 50%,#FFF8EF 100%);\r\n}\r\n\r\n.lr-wrap{max-width:1100px;margin:auto;}\r\n\r\n.lr-hero,.lr-game,.lr-note{\r\n  background:rgba(255,255,255,.78);\r\n  border:1px solid rgba(255,255,255,.96);\r\n  border-radius:40px;\r\n  padding:2.6rem;\r\n  box-shadow:0 18px 44px rgba(90,70,55,.09);\r\n}\r\n\r\n.lr-hero{text-align:center;}\r\n\r\n.lr-label{\r\n  display:inline-block;\r\n  padding:.75rem 1.3rem;\r\n  border-radius:999px;\r\n  background:#FFEAF2;\r\n  color:#8B5F72;\r\n  font-weight:950;\r\n  margin-bottom:1rem;\r\n}\r\n\r\n.lr-hero h1{\r\n  margin:0 0 1rem;\r\n  font-size:clamp(42px,6vw,76px);\r\n  line-height:1;\r\n  font-weight:950;\r\n}\r\n\r\n.lr-hero p,.lr-soft,.lr-note{\r\n  color:#5F4B3F;\r\n  font-size:1.15rem;\r\n  line-height:1.8;\r\n  font-weight:750;\r\n}\r\n\r\n.lr-tabs{\r\n  display:grid;\r\n  grid-template-columns:repeat(3,1fr);\r\n  gap:1rem;\r\n  margin:2rem 0;\r\n}\r\n\r\n.lr-tab{\r\n  border:3px solid #E8B7C8;\r\n  border-radius:28px;\r\n  background:#fff;\r\n  color:#3A2B24 !important;\r\n  padding:1.2rem;\r\n  font-weight:950;\r\n  cursor:pointer;\r\n}\r\n\r\n.lr-tab.active,.lr-tab:hover{background:#FFEAF2 !important;}\r\n\r\n.lr-game{display:none;}\r\n.lr-game.active{display:block;}\r\n\r\n.lr-box{\r\n  margin-top:1.5rem;\r\n  padding:2rem;\r\n  border-radius:34px;\r\n  background:#EEF7FE;\r\n  text-align:center;\r\n}\r\n\r\n.lr-big{\r\n  font-size:clamp(34px,5vw,58px);\r\n  font-weight:950;\r\n  margin:1rem 0;\r\n}\r\n\r\n.lr-grid{\r\n  display:grid;\r\n  grid-template-columns:repeat(4,1fr);\r\n  gap:1rem;\r\n  margin:1.5rem 0;\r\n}\r\n\r\n.lr-card,.lr-btn,.lr-choice{\r\n  border:3px solid #7CB8E4 !important;\r\n  background:#fff !important;\r\n  color:#3A2B24 !important;\r\n  font-weight:950 !important;\r\n  cursor:pointer;\r\n  box-shadow:0 9px 20px rgba(90,70,55,.08);\r\n  opacity:1 !important;\r\n  text-shadow:none !important;\r\n}\r\n\r\n.lr-card{\r\n  min-height:96px;\r\n  border-radius:24px;\r\n  padding:1rem;\r\n  font-size:1.2rem;\r\n}\r\n\r\n.lr-card.open,\r\n.lr-card.matched{\r\n  background:#DFF5E8 !important;\r\n  border-color:#4E9B68 !important;\r\n}\r\n\r\n.lr-card.wrong{\r\n  background:#FFE7E7 !important;\r\n  border-color:#D98585 !important;\r\n}\r\n\r\n.lr-btn,.lr-choice{\r\n  border-radius:999px;\r\n  padding:1rem 1.6rem;\r\n  margin:.45rem;\r\n  font-size:1.05rem;\r\n}\r\n\r\n.lr-btn:hover,.lr-choice:hover,.lr-card:hover{background:#DDEFFF !important;}\r\n\r\n.lr-dropwrap{\r\n  display:grid;\r\n  grid-template-columns:repeat(2,1fr);\r\n  gap:1rem;\r\n  margin-top:1.5rem;\r\n}\r\n\r\n.lr-zone{\r\n  min-height:230px;\r\n  border:3px solid #7CB8E4;\r\n  border-radius:30px;\r\n  background:#fff;\r\n  padding:1.2rem;\r\n}\r\n\r\n.lr-zone h3{\r\n  margin:.2rem 0 1rem;\r\n  font-size:2rem;\r\n  color:#3A2B24;\r\n}\r\n\r\n.lr-bank,.lr-drop{\r\n  display:flex;\r\n  flex-wrap:wrap;\r\n  justify-content:center;\r\n  gap:.7rem;\r\n  min-height:90px;\r\n}\r\n\r\n.lr-bank{\r\n  border:3px dashed #7CB8E4;\r\n  border-radius:28px;\r\n  background:#fff;\r\n  padding:1rem;\r\n  margin:1.2rem 0;\r\n}\r\n\r\n.lr-word{\r\n  border:3px solid #7CB8E4 !important;\r\n  background:#fff !important;\r\n  color:#3A2B24 !important;\r\n  border-radius:24px;\r\n  padding:1rem 1.35rem;\r\n  font-size:1.2rem;\r\n  font-weight:950;\r\n  cursor:grab;\r\n}\r\n\r\n.lr-build{\r\n  min-height:100px;\r\n  border:3px dashed #7CB8E4;\r\n  border-radius:30px;\r\n  background:#fff;\r\n  padding:1.2rem;\r\n  display:flex;\r\n  flex-wrap:wrap;\r\n  gap:.8rem;\r\n  justify-content:center;\r\n  align-items:center;\r\n  margin:1.5rem 0;\r\n}\r\n\r\n.lr-feedback{\r\n  min-height:44px;\r\n  margin-top:1.3rem;\r\n  font-size:1.25rem;\r\n  line-height:1.7;\r\n  font-weight:950;\r\n  color:#1D6845;\r\n}\r\n\r\n.lr-note{\r\n  margin-top:2rem;\r\n  text-align:center;\r\n}\r\n\r\n@media(max-width:900px){\r\n  .lr-tabs,.lr-dropwrap{grid-template-columns:1fr;}\r\n  .lr-grid{grid-template-columns:repeat(2,1fr);}\r\n  .lr-hero,.lr-game,.lr-note{padding:1.6rem;}\r\n}\r\n<\/style>\r\n\r\n<section class=\"lr-page\">\r\n  <div class=\"lr-wrap\">\r\n\r\n    <div class=\"lr-hero\">\r\n      <div class=\"lr-label\">\ud83c\udfaf Lidwoord Race<\/div>\r\n      <h1>Spelen met de, het en een.<\/h1>\r\n      <p>Je oefent lidwoorden door te onthouden, slepen en bouwen. Niet stampen, maar spelend herkennen.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"lr-tabs\">\r\n      <button class=\"lr-tab active\" onclick=\"showLR(1)\">\ud83e\udde0<br>Level 1<br>Memory<\/button>\r\n      <button class=\"lr-tab\" onclick=\"showLR(2)\">\ud83e\uddfa<br>Level 2<br>Sorteer<\/button>\r\n      <button class=\"lr-tab\" onclick=\"showLR(3)\">\ud83c\udfd7\ufe0f<br>Level 3<br>Bouw groepjes<\/button>\r\n    <\/div>\r\n\r\n    <div id=\"lr1\" class=\"lr-game active\">\r\n      <h2>\ud83e\udde0 Level 1: Lidwoord Memory<\/h2>\r\n      <p class=\"lr-soft\">Draai twee kaartjes om. Zoek het lidwoord dat bij het woord hoort.<\/p>\r\n      <div class=\"lr-box\">\r\n        <div id=\"memoryGrid\" class=\"lr-grid\"><\/div>\r\n        <button class=\"lr-btn\" onclick=\"newMemory()\">Nieuw memoryspel<\/button>\r\n        <div id=\"memoryFeedback\" class=\"lr-feedback\"><\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div id=\"lr2\" class=\"lr-game\">\r\n      <h2>\ud83e\uddfa Level 2: Sleep naar de juiste doos<\/h2>\r\n      <p class=\"lr-soft\">Sleep elk woord naar de doos: de-woorden of het-woorden.<\/p>\r\n      <div class=\"lr-box\">\r\n        <div id=\"sortBank\" class=\"lr-bank\" ondragover=\"allowLRDrop(event)\" ondrop=\"dropLR(event)\"><\/div>\r\n        <div class=\"lr-dropwrap\">\r\n          <div class=\"lr-zone\">\r\n            <h3>de<\/h3>\r\n            <div class=\"lr-drop\" data-type=\"de\" ondragover=\"allowLRDrop(event)\" ondrop=\"dropLR(event)\"><\/div>\r\n          <\/div>\r\n          <div class=\"lr-zone\">\r\n            <h3>het<\/h3>\r\n            <div class=\"lr-drop\" data-type=\"het\" ondragover=\"allowLRDrop(event)\" ondrop=\"dropLR(event)\"><\/div>\r\n          <\/div>\r\n        <\/div>\r\n        <button class=\"lr-btn\" onclick=\"checkSort()\">Controleer<\/button>\r\n        <button class=\"lr-btn\" onclick=\"newSort()\">Nieuwe woorden<\/button>\r\n        <div id=\"sortFeedback\" class=\"lr-feedback\"><\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div id=\"lr3\" class=\"lr-game\">\r\n      <h2>\ud83c\udfd7\ufe0f Level 3: Bouw de woordgroep<\/h2>\r\n      <p class=\"lr-soft\">Kies eerst het juiste lidwoord. Kies daarna het woord. Bouw samen een goed groepje.<\/p>\r\n      <div class=\"lr-box\">\r\n        <div id=\"buildTarget\" class=\"lr-big\"><\/div>\r\n\r\n        <p class=\"lr-soft\">Kies het lidwoord:<\/p>\r\n        <div id=\"articleChoices\"><\/div>\r\n\r\n        <p class=\"lr-soft\">Kies het woord:<\/p>\r\n        <div id=\"nounChoices\"><\/div>\r\n\r\n        <div id=\"buildArea\" class=\"lr-build\"><\/div>\r\n\r\n        <button class=\"lr-btn\" onclick=\"checkBuild()\">Controleer<\/button>\r\n        <button class=\"lr-btn\" onclick=\"newBuild()\">Nieuwe ronde<\/button>\r\n\r\n        <div id=\"buildFeedback\" class=\"lr-feedback\"><\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"lr-note\">\r\n      \ud83c\udf38 Ifi-regel:<br>\r\n      Sommige woorden horen bij <strong>de<\/strong>. Sommige woorden horen bij <strong>het<\/strong>.  \r\n      <strong>Een<\/strong> kan vaak bij allebei: een hond, een huis.\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\nconst lrWords = [\r\n  {noun:\"hond\", article:\"de\"},\r\n  {noun:\"tafel\", article:\"de\"},\r\n  {noun:\"stoel\", article:\"de\"},\r\n  {noun:\"appel\", article:\"de\"},\r\n  {noun:\"fiets\", article:\"de\"},\r\n  {noun:\"school\", article:\"de\"},\r\n  {noun:\"huis\", article:\"het\"},\r\n  {noun:\"boek\", article:\"het\"},\r\n  {noun:\"bed\", article:\"het\"},\r\n  {noun:\"raam\", article:\"het\"},\r\n  {noun:\"kind\", article:\"het\"},\r\n  {noun:\"meisje\", article:\"het\"}\r\n];\r\n\r\nlet memoryCards = [];\r\nlet openCards = [];\r\nlet draggedId = \"\";\r\nlet currentBuild = null;\r\nlet chosenArticle = \"\";\r\nlet chosenNoun = \"\";\r\n\r\nfunction r(min,max){return Math.floor(Math.random()*(max-min+1))+min;}\r\nfunction shuffle(a){return a.sort(function(){return Math.random()-.5;});}\r\n\r\nfunction freshWords(amount){\r\n  return shuffle([...lrWords]).slice(0,amount);\r\n}\r\n\r\nfunction showLR(n){\r\n  document.querySelectorAll(\".lr-game\").forEach(g=>g.classList.remove(\"active\"));\r\n  document.querySelectorAll(\".lr-tab\").forEach(t=>t.classList.remove(\"active\"));\r\n  document.getElementById(\"lr\"+n).classList.add(\"active\");\r\n  document.querySelectorAll(\".lr-tab\")[n-1].classList.add(\"active\");\r\n\r\n  if(n===1)newMemory();\r\n  if(n===2)newSort();\r\n  if(n===3)newBuild();\r\n}\r\n\r\n\/* LEVEL 1 MEMORY *\/\r\nfunction newMemory(){\r\n  const chosen = freshWords(4);\r\n  memoryCards = [];\r\n\r\n  chosen.forEach(item=>{\r\n    memoryCards.push({text:item.article, pair:item.noun, type:\"article\", open:false, matched:false});\r\n    memoryCards.push({text:item.noun, pair:item.noun, type:\"noun\", open:false, matched:false});\r\n  });\r\n\r\n  memoryCards = shuffle(memoryCards);\r\n  openCards = [];\r\n  renderMemory();\r\n  document.getElementById(\"memoryFeedback\").innerText = \"\";\r\n}\r\n\r\nfunction renderMemory(){\r\n  document.getElementById(\"memoryGrid\").innerHTML = memoryCards.map((card,i)=>{\r\n    let content = card.open || card.matched ? card.text : \"\ud83c\udf38\";\r\n    let cls = card.matched ? \"matched\" : card.open ? \"open\" : \"\";\r\n    return `<button class=\"lr-card ${cls}\" onclick=\"flipCard(${i})\">${content}<\/button>`;\r\n  }).join(\"\");\r\n}\r\n\r\nfunction flipCard(i){\r\n  if(memoryCards[i].matched || memoryCards[i].open || openCards.length>=2)return;\r\n\r\n  memoryCards[i].open = true;\r\n  openCards.push(i);\r\n  renderMemory();\r\n\r\n  if(openCards.length===2){\r\n    const a = memoryCards[openCards[0]];\r\n    const b = memoryCards[openCards[1]];\r\n\r\n    if(a.pair === b.pair && a.type !== b.type){\r\n      a.matched = true;\r\n      b.matched = true;\r\n      document.getElementById(\"memoryFeedback\").innerText = \"Match gevonden \ud83c\udf38\";\r\n      openCards = [];\r\n      renderMemory();\r\n    }else{\r\n      document.getElementById(\"memoryFeedback\").innerText = \"Bijna. Zoek het lidwoord dat bij het woord hoort \ud83d\udc9b\";\r\n      setTimeout(()=>{\r\n        memoryCards[openCards[0]].open = false;\r\n        memoryCards[openCards[1]].open = false;\r\n        openCards = [];\r\n        renderMemory();\r\n      },800);\r\n    }\r\n  }\r\n}\r\n\r\n\/* LEVEL 2 SORT *\/\r\nfunction newSort(){\r\n  const words = freshWords(8);\r\n  document.getElementById(\"sortBank\").innerHTML = words.map((w,i)=>{\r\n    return `<div id=\"lrword-${Date.now()}-${i}\" class=\"lr-word\" draggable=\"true\" data-type=\"${w.article}\" ondragstart=\"dragLR(event)\">${w.noun}<\/div>`;\r\n  }).join(\"\");\r\n\r\n  document.querySelectorAll(\".lr-drop\").forEach(d=>d.innerHTML=\"\");\r\n  document.getElementById(\"sortFeedback\").innerText = \"\";\r\n}\r\n\r\nfunction allowLRDrop(e){e.preventDefault();}\r\nfunction dragLR(e){draggedId = e.target.id;}\r\n\r\nfunction dropLR(e){\r\n  e.preventDefault();\r\n  let target = e.target.closest(\".lr-drop\") || e.target.closest(\".lr-bank\");\r\n  if(target && draggedId){\r\n    target.appendChild(document.getElementById(draggedId));\r\n  }\r\n}\r\n\r\nfunction checkSort(){\r\n  const bankLeft = document.getElementById(\"sortBank\").querySelectorAll(\".lr-word\").length;\r\n  if(bankLeft>0){\r\n    document.getElementById(\"sortFeedback\").innerText = \"Sleep eerst alle woorden naar een doos \ud83d\udc9b\";\r\n    return;\r\n  }\r\n\r\n  let ok = true;\r\n  document.querySelectorAll(\".lr-drop\").forEach(zone=>{\r\n    const type = zone.dataset.type;\r\n    zone.querySelectorAll(\".lr-word\").forEach(word=>{\r\n      if(word.dataset.type === type){\r\n        word.style.background = \"#DFF5E8\";\r\n        word.style.borderColor = \"#4E9B68\";\r\n      }else{\r\n        ok = false;\r\n        word.style.background = \"#FFE7E7\";\r\n        word.style.borderColor = \"#D98585\";\r\n      }\r\n    });\r\n  });\r\n\r\n  document.getElementById(\"sortFeedback\").innerText = ok ? \"Mooi gesorteerd \ud83c\udf38\" : \"Bijna. Kijk nog eens rustig naar de of het.\";\r\n}\r\n\r\n\/* LEVEL 3 BUILD *\/\r\nfunction newBuild(){\r\n  currentBuild = lrWords[r(0,lrWords.length-1)];\r\n  chosenArticle = \"\";\r\n  chosenNoun = \"\";\r\n\r\n  document.getElementById(\"buildTarget\").innerText = \"Maak: ___ \" + currentBuild.noun;\r\n\r\n  document.getElementById(\"articleChoices\").innerHTML = [\"de\",\"het\",\"een\"].map(a=>{\r\n    return `<button class=\"lr-choice\" onclick=\"chooseArticle(this,'${a}')\">${a}<\/button>`;\r\n  }).join(\"\");\r\n\r\n  const nouns = shuffle([currentBuild.noun, ...freshWords(3).map(w=>w.noun)]);\r\n\r\n  document.getElementById(\"nounChoices\").innerHTML = nouns.map(n=>{\r\n    return `<button class=\"lr-choice\" onclick=\"chooseNoun(this,'${n}')\">${n}<\/button>`;\r\n  }).join(\"\");\r\n\r\n  document.getElementById(\"buildArea\").innerHTML = \"\";\r\n  document.getElementById(\"buildFeedback\").innerText = \"\";\r\n}\r\n\r\nfunction chooseArticle(btn,a){\r\n  chosenArticle = a;\r\n  renderBuild();\r\n}\r\n\r\nfunction chooseNoun(btn,n){\r\n  chosenNoun = n;\r\n  renderBuild();\r\n}\r\n\r\nfunction renderBuild(){\r\n  document.getElementById(\"buildArea\").innerHTML =\r\n    `<button class=\"lr-choice\">${chosenArticle || \"...\"}<\/button>\r\n     <button class=\"lr-choice\">${chosenNoun || \"...\"}<\/button>`;\r\n}\r\n\r\nfunction checkBuild(){\r\n  const articleOk = chosenArticle === currentBuild.article || chosenArticle === \"een\";\r\n  const nounOk = chosenNoun === currentBuild.noun;\r\n\r\n  if(articleOk && nounOk){\r\n    document.getElementById(\"buildFeedback\").innerHTML =\r\n      \"<strong>Goed gebouwd \ud83c\udf38<\/strong><br>\" + chosenArticle + \" \" + chosenNoun + \" klopt.\";\r\n  }else{\r\n    document.getElementById(\"buildFeedback\").innerText =\r\n      \"Bijna. Kies het woord en het lidwoord dat erbij hoort \ud83d\udc9b\";\r\n  }\r\n}\r\n\r\nnewMemory();\r\nnewSort();\r\nnewBuild();\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>\ud83c\udfaf Lidwoord Race Spelen met de, het en een. Je oefent lidwoorden door te onthouden, slepen en bouwen. Niet stampen, maar spelend herkennen. \ud83e\udde0Level 1Memory \ud83e\uddfaLevel 2Sorteer \ud83c\udfd7\ufe0fLevel 3Bouw groepjes \ud83e\udde0 Level 1: Lidwoord Memory Draai twee kaartjes om. Zoek het lidwoord dat bij het woord hoort. Nieuw memoryspel \ud83e\uddfa Level 2: Sleep naar de [&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-3443","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/withifi.muhubonurture.nl\/index.php?rest_route=\/wp\/v2\/pages\/3443","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=3443"}],"version-history":[{"count":4,"href":"https:\/\/withifi.muhubonurture.nl\/index.php?rest_route=\/wp\/v2\/pages\/3443\/revisions"}],"predecessor-version":[{"id":3448,"href":"https:\/\/withifi.muhubonurture.nl\/index.php?rest_route=\/wp\/v2\/pages\/3443\/revisions\/3448"}],"wp:attachment":[{"href":"https:\/\/withifi.muhubonurture.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3443"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}