{"id":3458,"date":"2026-06-16T03:25:21","date_gmt":"2026-06-16T03:25:21","guid":{"rendered":"https:\/\/withifi.muhubonurture.nl\/?page_id=3458"},"modified":"2026-06-16T03:25:39","modified_gmt":"2026-06-16T03:25:39","slug":"woordsoorten-bingo","status":"publish","type":"page","link":"https:\/\/withifi.muhubonurture.nl\/?page_id=3458","title":{"rendered":"Woordsoorten Bingo"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3458\" class=\"elementor elementor-3458\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c29661d e-con-full e-flex e-con e-parent\" data-id=\"c29661d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8528658 elementor-widget elementor-widget-html\" data-id=\"8528658\" 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.bingo-page *{box-sizing:border-box;}\r\n\r\n.bingo-page{\r\n  min-height:100vh;\r\n  padding:6rem 7vw;\r\n  color:#3A2B24;\r\n  background:linear-gradient(135deg,#F3FBF8 0%,#EEF7FE 50%,#FFF8FB 100%);\r\n}\r\n\r\n.bingo-wrap{max-width:1100px;margin:auto;}\r\n\r\n.bingo-hero,.bingo-game,.bingo-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.bingo-hero{text-align:center;}\r\n\r\n.bingo-label{\r\n  display:inline-block;\r\n  padding:.75rem 1.3rem;\r\n  border-radius:999px;\r\n  background:#EAF7F1;\r\n  color:#5F7D66;\r\n  font-weight:950;\r\n  margin-bottom:1rem;\r\n}\r\n\r\n.bingo-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.bingo-hero p,.bingo-soft,.bingo-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.bingo-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.bingo-tab{\r\n  border:3px solid #7CB8A4;\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.bingo-tab.active,.bingo-tab:hover{\r\n  background:#EAF7F1 !important;\r\n}\r\n\r\n.bingo-game{display:none;}\r\n.bingo-game.active{display:block;}\r\n\r\n.bingo-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.bingo-call{\r\n  margin:1.4rem auto;\r\n  padding:1.4rem;\r\n  max-width:760px;\r\n  border-radius:30px;\r\n  background:#fff;\r\n  border:3px solid #7CB8E4;\r\n  color:#3A2B24;\r\n  font-size:clamp(28px,5vw,52px);\r\n  font-weight:950;\r\n}\r\n\r\n.bingo-grid{\r\n  display:grid;\r\n  grid-template-columns:repeat(4,1fr);\r\n  gap:1rem;\r\n  margin:1.5rem auto;\r\n  max-width:860px;\r\n}\r\n\r\n.bingo-cell{\r\n  min-height:105px;\r\n  border:3px solid #7CB8E4 !important;\r\n  background:#fff !important;\r\n  color:#3A2B24 !important;\r\n  border-radius:26px;\r\n  padding:1rem;\r\n  font-size:1.08rem;\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.bingo-cell:hover{\r\n  background:#DDEFFF !important;\r\n}\r\n\r\n.bingo-cell.marked{\r\n  background:#DFF5E8 !important;\r\n  border-color:#4E9B68 !important;\r\n}\r\n\r\n.bingo-cell.wrong{\r\n  background:#FFE7E7 !important;\r\n  border-color:#D98585 !important;\r\n}\r\n\r\n.bingo-actions{\r\n  display:flex;\r\n  gap:1rem;\r\n  justify-content:center;\r\n  flex-wrap:wrap;\r\n  margin-top:1.4rem;\r\n}\r\n\r\n.bingo-btn{\r\n  border:3px solid #7CB8E4 !important;\r\n  background:#fff !important;\r\n  color:#3A2B24 !important;\r\n  border-radius:999px;\r\n  padding:1rem 1.7rem;\r\n  font-size:1.05rem;\r\n  font-weight:950 !important;\r\n  cursor:pointer;\r\n  box-shadow:0 9px 20px rgba(90,70,55,.08);\r\n}\r\n\r\n.bingo-btn:hover{\r\n  background:#DDEFFF !important;\r\n}\r\n\r\n.bingo-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.bingo-score{\r\n  margin-top:1rem;\r\n  font-weight:950;\r\n  color:#3A2B24;\r\n}\r\n\r\n.bingo-note{\r\n  margin-top:2rem;\r\n  text-align:center;\r\n}\r\n\r\n@media(max-width:900px){\r\n  .bingo-tabs{grid-template-columns:1fr;}\r\n  .bingo-grid{grid-template-columns:repeat(2,1fr);}\r\n  .bingo-hero,.bingo-game,.bingo-note{padding:1.6rem;}\r\n}\r\n<\/style>\r\n\r\n<section class=\"bingo-page\">\r\n  <div class=\"bingo-wrap\">\r\n\r\n    <div class=\"bingo-hero\">\r\n      <div class=\"bingo-label\">\ud83c\udfb2 Woordsoorten Bingo<\/div>\r\n      <h1>Zoek woorden in het raster.<\/h1>\r\n      <p>\r\n        Ifi noemt een soort woord. Jij zoekt een passend woord in het bingoraster.\r\n        Zo oefen je woordsoorten door kijken, herkennen en spelen.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"bingo-tabs\">\r\n      <button class=\"bingo-tab active\" onclick=\"showBingo(1)\">\ud83c\udf31<br>Level 1<br>Zoek het woord<\/button>\r\n      <button class=\"bingo-tab\" onclick=\"showBingo(2)\">\ud83d\udd0e<br>Level 2<br>Zoek de soort<\/button>\r\n      <button class=\"bingo-tab\" onclick=\"showBingo(3)\">\ud83c\udfc6<br>Level 3<br>Bingo mix<\/button>\r\n    <\/div>\r\n\r\n    <div id=\"bingo1\" class=\"bingo-game active\">\r\n      <h2>\ud83c\udf31 Level 1: Zoek het woord<\/h2>\r\n      <p class=\"bingo-soft\">Klik op het woord dat Ifi noemt.<\/p>\r\n\r\n      <div class=\"bingo-box\">\r\n        <div id=\"call1\" class=\"bingo-call\"><\/div>\r\n        <div id=\"grid1\" class=\"bingo-grid\"><\/div>\r\n\r\n        <div class=\"bingo-actions\">\r\n          <button class=\"bingo-btn\" onclick=\"newBingo1()\">Nieuw raster<\/button>\r\n        <\/div>\r\n\r\n        <div id=\"feedback1\" class=\"bingo-feedback\"><\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div id=\"bingo2\" class=\"bingo-game\">\r\n      <h2>\ud83d\udd0e Level 2: Zoek de woordsoort<\/h2>\r\n      <p class=\"bingo-soft\">Ifi noemt een woordsoort. Klik een woord dat daarbij past.<\/p>\r\n\r\n      <div class=\"bingo-box\">\r\n        <div id=\"call2\" class=\"bingo-call\"><\/div>\r\n        <div id=\"grid2\" class=\"bingo-grid\"><\/div>\r\n\r\n        <div class=\"bingo-actions\">\r\n          <button class=\"bingo-btn\" onclick=\"newBingo2()\">Nieuwe opdracht<\/button>\r\n        <\/div>\r\n\r\n        <div id=\"feedback2\" class=\"bingo-feedback\"><\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div id=\"bingo3\" class=\"bingo-game\">\r\n      <h2>\ud83c\udfc6 Level 3: Bingo mixronde<\/h2>\r\n      <p class=\"bingo-soft\">Doe 10 opdrachten. Herken steeds de juiste woordsoort.<\/p>\r\n\r\n      <div class=\"bingo-box\">\r\n        <div id=\"call3\" class=\"bingo-call\"><\/div>\r\n        <div id=\"grid3\" class=\"bingo-grid\"><\/div>\r\n\r\n        <div id=\"score3\" class=\"bingo-score\"><\/div>\r\n\r\n        <div class=\"bingo-actions\">\r\n          <button class=\"bingo-btn\" onclick=\"startBingo3()\">Start opnieuw<\/button>\r\n        <\/div>\r\n\r\n        <div id=\"feedback3\" class=\"bingo-feedback\"><\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"bingo-note\">\r\n      \ud83c\udf38 Ifi-regel:<br>\r\n      Kun je het doen? Dan is het vaak een <strong>werkwoord<\/strong>.<br>\r\n      Is het een mens, dier, ding of plek? Dan is het vaak een <strong>zelfstandig naamwoord<\/strong>.<br>\r\n      Is het de, het of een? Dan is het een <strong>lidwoord<\/strong>.\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\nconst bingoWords = [\r\n  {word:\"rennen\", type:\"Werkwoord\", uitleg:\"Rennen kun je doen.\"},\r\n  {word:\"springen\", type:\"Werkwoord\", uitleg:\"Springen is een doe-woord.\"},\r\n  {word:\"lezen\", type:\"Werkwoord\", uitleg:\"Lezen kun je doen.\"},\r\n  {word:\"slapen\", type:\"Werkwoord\", uitleg:\"Slapen is iets wat je doet.\"},\r\n  {word:\"bouwen\", type:\"Werkwoord\", uitleg:\"Bouwen kun je doen.\"},\r\n  {word:\"kat\", type:\"Zelfstandig naamwoord\", uitleg:\"Een kat is een dier.\"},\r\n  {word:\"boek\", type:\"Zelfstandig naamwoord\", uitleg:\"Een boek is een ding.\"},\r\n  {word:\"school\", type:\"Zelfstandig naamwoord\", uitleg:\"School is een plek.\"},\r\n  {word:\"hond\", type:\"Zelfstandig naamwoord\", uitleg:\"Een hond is een dier.\"},\r\n  {word:\"tafel\", type:\"Zelfstandig naamwoord\", uitleg:\"Een tafel is een ding.\"},\r\n  {word:\"de\", type:\"Lidwoord\", uitleg:\"De is een lidwoord.\"},\r\n  {word:\"het\", type:\"Lidwoord\", uitleg:\"Het is een lidwoord.\"},\r\n  {word:\"een\", type:\"Lidwoord\", uitleg:\"Een is een lidwoord.\"},\r\n  {word:\"grote\", type:\"Bijvoeglijk naamwoord\", uitleg:\"Grote vertelt iets over een zelfstandig naamwoord.\"},\r\n  {word:\"mooie\", type:\"Bijvoeglijk naamwoord\", uitleg:\"Mooie vertelt hoe iets is.\"},\r\n  {word:\"kleine\", type:\"Bijvoeglijk naamwoord\", uitleg:\"Kleine vertelt iets over een woord erna.\"}\r\n];\r\n\r\nconst bingoTypes = [\r\n  \"Werkwoord\",\r\n  \"Zelfstandig naamwoord\",\r\n  \"Lidwoord\",\r\n  \"Bijvoeglijk naamwoord\"\r\n];\r\n\r\nlet current1;\r\nlet current2;\r\nlet current3;\r\nlet round3 = 0;\r\nlet good3 = 0;\r\n\r\nfunction r(min,max){\r\n  return Math.floor(Math.random()*(max-min+1))+min;\r\n}\r\n\r\nfunction shuffle(arr){\r\n  return arr.sort(function(){return Math.random() - 0.5;});\r\n}\r\n\r\nfunction freshCards(amount){\r\n  return shuffle([...bingoWords]).slice(0,amount);\r\n}\r\n\r\nfunction showBingo(n){\r\n  document.querySelectorAll(\".bingo-game\").forEach(function(game){\r\n    game.classList.remove(\"active\");\r\n  });\r\n\r\n  document.querySelectorAll(\".bingo-tab\").forEach(function(tab){\r\n    tab.classList.remove(\"active\");\r\n  });\r\n\r\n  document.getElementById(\"bingo\" + n).classList.add(\"active\");\r\n  document.querySelectorAll(\".bingo-tab\")[n - 1].classList.add(\"active\");\r\n\r\n  if(n === 1){newBingo1();}\r\n  if(n === 2){newBingo2();}\r\n  if(n === 3){startBingo3();}\r\n}\r\n\r\nfunction makeGrid(containerId,cards,clickFunction){\r\n  let html = \"\";\r\n\r\n  cards.forEach(function(card){\r\n    html += '<button class=\"bingo-cell\" onclick=\"' + clickFunction + '(this,\\'' + card.word + '\\',\\'' + card.type + '\\')\">' + card.word + '<\/button>';\r\n  });\r\n\r\n  document.getElementById(containerId).innerHTML = html;\r\n}\r\n\r\nfunction newBingo1(){\r\n  const cards = freshCards(12);\r\n  current1 = cards[r(0,cards.length - 1)];\r\n\r\n  document.getElementById(\"call1\").innerText = \"Zoek: \" + current1.word;\r\n  makeGrid(\"grid1\",cards,\"checkBingo1\");\r\n  document.getElementById(\"feedback1\").innerText = \"\";\r\n}\r\n\r\nfunction checkBingo1(button,word,type){\r\n  if(word === current1.word){\r\n    button.classList.add(\"marked\");\r\n    document.getElementById(\"feedback1\").innerHTML =\r\n      \"<strong>Bingo \ud83c\udf38<\/strong><br>Je vond \" + current1.word + \".\";\r\n    setTimeout(newBingo1,900);\r\n  }else{\r\n    button.classList.add(\"wrong\");\r\n    document.getElementById(\"feedback1\").innerText =\r\n      \"Bijna. Zoek precies het woord dat Ifi noemt \ud83d\udc9b\";\r\n  }\r\n}\r\n\r\nfunction newBingo2(){\r\n  const cards = freshCards(12);\r\n  current2 = bingoTypes[r(0,bingoTypes.length - 1)];\r\n\r\n  document.getElementById(\"call2\").innerText = \"Zoek een: \" + current2;\r\n  makeGrid(\"grid2\",cards,\"checkBingo2\");\r\n  document.getElementById(\"feedback2\").innerText = \"\";\r\n}\r\n\r\nfunction checkBingo2(button,word,type){\r\n  if(type === current2){\r\n    button.classList.add(\"marked\");\r\n    const item = bingoWords.find(function(w){return w.word === word;});\r\n    document.getElementById(\"feedback2\").innerHTML =\r\n      \"<strong>Goed gevonden \ud83c\udf38<\/strong><br>\" + item.uitleg;\r\n    setTimeout(newBingo2,1000);\r\n  }else{\r\n    button.classList.add(\"wrong\");\r\n    document.getElementById(\"feedback2\").innerText =\r\n      \"Bijna. Kijk rustig welke taak dit woord heeft \ud83d\udc9b\";\r\n  }\r\n}\r\n\r\nfunction startBingo3(){\r\n  round3 = 0;\r\n  good3 = 0;\r\n  newBingo3();\r\n}\r\n\r\nfunction newBingo3(){\r\n  if(round3 >= 10){\r\n    document.getElementById(\"call3\").innerText = \"Klaar \ud83c\udf1f\";\r\n    document.getElementById(\"grid3\").innerHTML = \"\";\r\n    document.getElementById(\"score3\").innerText =\r\n      \"Je had \" + good3 + \" van de 10 goed.\";\r\n    document.getElementById(\"feedback3\").innerText =\r\n      \"Mooi gespeeld. Je woordsoorten-brein wordt sterker \ud83c\udf31\";\r\n    return;\r\n  }\r\n\r\n  round3++;\r\n  const cards = freshCards(12);\r\n  current3 = bingoTypes[r(0,bingoTypes.length - 1)];\r\n\r\n  document.getElementById(\"call3\").innerText = \"Zoek een: \" + current3;\r\n  document.getElementById(\"score3\").innerText =\r\n    \"Ronde \" + round3 + \" van 10 | Goed: \" + good3;\r\n\r\n  makeGrid(\"grid3\",cards,\"checkBingo3\");\r\n  document.getElementById(\"feedback3\").innerText = \"\";\r\n}\r\n\r\nfunction checkBingo3(button,word,type){\r\n  if(type === current3){\r\n    good3++;\r\n    button.classList.add(\"marked\");\r\n    const item = bingoWords.find(function(w){return w.word === word;});\r\n    document.getElementById(\"feedback3\").innerHTML =\r\n      \"<strong>Yes bingo \ud83c\udf38<\/strong><br>\" + item.uitleg;\r\n  }else{\r\n    button.classList.add(\"wrong\");\r\n    document.getElementById(\"feedback3\").innerText =\r\n      \"Bijna. Dit woord hoort bij een andere soort \ud83d\udc9b\";\r\n  }\r\n\r\n  setTimeout(newBingo3,1000);\r\n}\r\n\r\nnewBingo1();\r\nnewBingo2();\r\nstartBingo3();\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\udfb2 Woordsoorten Bingo Zoek woorden in het raster. Ifi noemt een soort woord. Jij zoekt een passend woord in het bingoraster. Zo oefen je woordsoorten door kijken, herkennen en spelen. \ud83c\udf31Level 1Zoek het woord \ud83d\udd0eLevel 2Zoek de soort \ud83c\udfc6Level 3Bingo mix \ud83c\udf31 Level 1: Zoek het woord Klik op het woord dat Ifi noemt. Nieuw [&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-3458","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/withifi.muhubonurture.nl\/index.php?rest_route=\/wp\/v2\/pages\/3458","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=3458"}],"version-history":[{"count":4,"href":"https:\/\/withifi.muhubonurture.nl\/index.php?rest_route=\/wp\/v2\/pages\/3458\/revisions"}],"predecessor-version":[{"id":3463,"href":"https:\/\/withifi.muhubonurture.nl\/index.php?rest_route=\/wp\/v2\/pages\/3458\/revisions\/3463"}],"wp:attachment":[{"href":"https:\/\/withifi.muhubonurture.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3458"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}