{"id":3464,"date":"2026-06-16T03:33:00","date_gmt":"2026-06-16T03:33:00","guid":{"rendered":"https:\/\/withifi.muhubonurture.nl\/?page_id=3464"},"modified":"2026-06-16T03:46:57","modified_gmt":"2026-06-16T03:46:57","slug":"taalbossen","status":"publish","type":"page","link":"https:\/\/withifi.muhubonurture.nl\/?page_id=3464","title":{"rendered":"Taalbossen"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3464\" class=\"elementor elementor-3464\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b1103cf e-con-full e-flex e-con e-parent\" data-id=\"b1103cf\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7f561bc elementor-widget elementor-widget-html\" data-id=\"7f561bc\" 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.tb-page *{box-sizing:border-box;}\r\n\r\n.tb-page{\r\n  min-height:100vh;\r\n  padding:6rem 7vw;\r\n  color:#3A2B24;\r\n  background:\r\n    radial-gradient(circle at 18% 18%,rgba(255,255,255,.82) 0%,transparent 28%),\r\n    radial-gradient(circle at 82% 24%,rgba(255,226,238,.42) 0%,transparent 30%),\r\n    linear-gradient(135deg,#F3FBF8 0%,#FFF8FB 50%,#EEF7FE 100%);\r\n}\r\n\r\n.tb-wrap{max-width:1100px;margin:auto;}\r\n\r\n.tb-hero,.tb-game,.tb-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.tb-hero{text-align:center;}\r\n\r\n.tb-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.tb-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.tb-hero p,.tb-soft,.tb-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.tb-path{\r\n  display:grid;\r\n  grid-template-columns:repeat(4,1fr);\r\n  gap:1rem;\r\n  margin:2rem 0;\r\n}\r\n\r\n.tb-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.tb-tab.active,.tb-tab:hover{\r\n  background:#EAF7F1 !important;\r\n}\r\n\r\n.tb-game{display:none;}\r\n.tb-game.active{display:block;}\r\n\r\n.tb-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.tb-question{\r\n  font-size:clamp(30px,5vw,56px);\r\n  line-height:1.25;\r\n  font-weight:950;\r\n  color:#3A2B24;\r\n  margin:1rem 0 1.5rem;\r\n}\r\n\r\n.tb-options{\r\n  display:grid;\r\n  grid-template-columns:repeat(3,1fr);\r\n  gap:1rem;\r\n  margin-top:1.4rem;\r\n}\r\n\r\n.tb-option,.tb-btn{\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.tb-option{\r\n  border-radius:26px;\r\n  padding:1.2rem;\r\n  min-height:86px;\r\n  font-size:1.1rem;\r\n}\r\n\r\n.tb-btn{\r\n  border-radius:999px;\r\n  padding:1rem 1.7rem;\r\n  margin-top:1.4rem;\r\n}\r\n\r\n.tb-option:hover,.tb-btn:hover{background:#DDEFFF !important;}\r\n\r\n.tb-option.good{\r\n  background:#DFF5E8 !important;\r\n  border-color:#4E9B68 !important;\r\n}\r\n\r\n.tb-option.bad{\r\n  background:#FFE7E7 !important;\r\n  border-color:#D98585 !important;\r\n}\r\n\r\n.tb-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.tb-score{\r\n  margin-top:1rem;\r\n  font-weight:950;\r\n  color:#3A2B24;\r\n}\r\n\r\n.tb-forest{\r\n  display:flex;\r\n  justify-content:center;\r\n  gap:.7rem;\r\n  flex-wrap:wrap;\r\n  margin:1.5rem 0;\r\n  font-size:2rem;\r\n}\r\n\r\n.tb-note{\r\n  margin-top:2rem;\r\n  text-align:center;\r\n}\r\n\r\n@media(max-width:900px){\r\n  .tb-path,.tb-options{grid-template-columns:1fr;}\r\n  .tb-hero,.tb-game,.tb-note{padding:1.6rem;}\r\n}\r\n<\/style>\r\n\r\n<section class=\"tb-page\">\r\n  <div class=\"tb-wrap\">\r\n\r\n    <div class=\"tb-hero\">\r\n      <div class=\"tb-label\">\ud83c\udf33 Taalbossen<\/div>\r\n      <h1>Ga door het taalbos.<\/h1>\r\n      <p>\r\n        In elk bos krijg je een andere taalvraag. Je oefent woorden, zinnen,\r\n        zinsdelen en taalgevoel rustig door elkaar.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"tb-path\">\r\n      <button class=\"tb-tab active\" onclick=\"showTB(1)\">\ud83c\udf31<br>Bos 1<br>Woorden<\/button>\r\n      <button class=\"tb-tab\" onclick=\"showTB(2)\">\ud83c\udf3f<br>Bos 2<br>Zinnen<\/button>\r\n      <button class=\"tb-tab\" onclick=\"showTB(3)\">\ud83c\udf33<br>Bos 3<br>Zinsdelen<\/button>\r\n      <button class=\"tb-tab\" onclick=\"showTB(4)\">\ud83c\udfc6<br>Eindbos<br>Mix<\/button>\r\n    <\/div>\r\n\r\n    <div id=\"tb1\" class=\"tb-game active\">\r\n      <h2>\ud83c\udf31 Bos 1: Woorden herkennen<\/h2>\r\n      <p class=\"tb-soft\">Kijk naar het woord. Welke woordsoort is het?<\/p>\r\n      <div class=\"tb-box\">\r\n        <div id=\"tbQ1\" class=\"tb-question\"><\/div>\r\n        <div id=\"tbOptions1\" class=\"tb-options\"><\/div>\r\n        <button class=\"tb-btn\" onclick=\"newTB1()\">Nieuwe vraag<\/button>\r\n        <div id=\"tbFeedback1\" class=\"tb-feedback\"><\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div id=\"tb2\" class=\"tb-game\">\r\n      <h2>\ud83c\udf3f Bos 2: Klopt de zin?<\/h2>\r\n      <p class=\"tb-soft\">Lees de zin. Voelt hij goed of fout?<\/p>\r\n      <div class=\"tb-box\">\r\n        <div id=\"tbQ2\" class=\"tb-question\"><\/div>\r\n        <div class=\"tb-options\">\r\n          <button class=\"tb-option\" onclick=\"checkTB2(true,this)\">\u2705 Goed<\/button>\r\n          <button class=\"tb-option\" onclick=\"checkTB2(false,this)\">\u274c Fout<\/button>\r\n        <\/div>\r\n        <button class=\"tb-btn\" onclick=\"newTB2()\">Nieuwe zin<\/button>\r\n        <div id=\"tbFeedback2\" class=\"tb-feedback\"><\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div id=\"tb3\" class=\"tb-game\">\r\n      <h2>\ud83c\udf33 Bos 3: Wie doet wat?<\/h2>\r\n      <p class=\"tb-soft\">Zoek het onderwerp of het werkwoord.<\/p>\r\n      <div class=\"tb-box\">\r\n        <div id=\"tbQ3\" class=\"tb-question\"><\/div>\r\n        <p id=\"tbAsk3\" class=\"tb-soft\"><\/p>\r\n        <div id=\"tbOptions3\" class=\"tb-options\"><\/div>\r\n        <button class=\"tb-btn\" onclick=\"newTB3()\">Nieuwe vraag<\/button>\r\n        <div id=\"tbFeedback3\" class=\"tb-feedback\"><\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div id=\"tb4\" class=\"tb-game\">\r\n      <h2>\ud83c\udfc6 Eindbos: Taalmix<\/h2>\r\n      <p class=\"tb-soft\">Doe 10 vragen door elkaar. Elke goede vraag laat je bos groeien.<\/p>\r\n      <div class=\"tb-box\">\r\n        <div id=\"tbForest\" class=\"tb-forest\"><\/div>\r\n        <div id=\"tbQ4\" class=\"tb-question\"><\/div>\r\n        <p id=\"tbAsk4\" class=\"tb-soft\"><\/p>\r\n        <div id=\"tbOptions4\" class=\"tb-options\"><\/div>\r\n        <div id=\"tbScore4\" class=\"tb-score\"><\/div>\r\n        <button class=\"tb-btn\" onclick=\"startTB4()\">Start opnieuw<\/button>\r\n        <div id=\"tbFeedback4\" class=\"tb-feedback\"><\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"tb-note\">\r\n      \ud83c\udf38 Ifi-regel:<br>\r\n      Rustig kijken. Eerst voelen wat het woord of de zin doet. Daarna pas kiezen.\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\nbody{margin:0;font-family:'Inter',sans-serif;}\r\n\r\n.tb-page *{box-sizing:border-box;}\r\n\r\n.tb-page{\r\n  min-height:100vh;\r\n  padding:6rem 7vw;\r\n  color:#3A2B24;\r\n  background:\r\n    radial-gradient(circle at 18% 18%,rgba(255,255,255,.82) 0%,transparent 28%),\r\n    radial-gradient(circle at 82% 24%,rgba(255,226,238,.42) 0%,transparent 30%),\r\n    linear-gradient(135deg,#F3FBF8 0%,#FFF8FB 50%,#EEF7FE 100%);\r\n}\r\n\r\n.tb-wrap{max-width:1100px;margin:auto;}\r\n\r\n.tb-hero,.tb-game,.tb-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.tb-hero{text-align:center;}\r\n\r\n.tb-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.tb-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.tb-hero p,.tb-soft,.tb-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.tb-path{\r\n  display:grid;\r\n  grid-template-columns:repeat(4,1fr);\r\n  gap:1rem;\r\n  margin:2rem 0;\r\n}\r\n\r\n.tb-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.tb-tab.active,.tb-tab:hover{\r\n  background:#EAF7F1 !important;\r\n}\r\n\r\n.tb-game{display:none;}\r\n.tb-game.active{display:block;}\r\n\r\n.tb-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.tb-question{\r\n  font-size:clamp(30px,5vw,56px);\r\n  line-height:1.25;\r\n  font-weight:950;\r\n  color:#3A2B24;\r\n  margin:1rem 0 1.5rem;\r\n}\r\n\r\n.tb-options{\r\n  display:grid;\r\n  grid-template-columns:repeat(3,1fr);\r\n  gap:1rem;\r\n  margin-top:1.4rem;\r\n}\r\n\r\n.tb-option,.tb-btn{\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.tb-option{\r\n  border-radius:26px;\r\n  padding:1.2rem;\r\n  min-height:86px;\r\n  font-size:1.1rem;\r\n}\r\n\r\n.tb-btn{\r\n  border-radius:999px;\r\n  padding:1rem 1.7rem;\r\n  margin-top:1.4rem;\r\n}\r\n\r\n.tb-option:hover,.tb-btn:hover{background:#DDEFFF !important;}\r\n\r\n.tb-option.good{\r\n  background:#DFF5E8 !important;\r\n  border-color:#4E9B68 !important;\r\n}\r\n\r\n.tb-option.bad{\r\n  background:#FFE7E7 !important;\r\n  border-color:#D98585 !important;\r\n}\r\n\r\n.tb-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.tb-score{\r\n  margin-top:1rem;\r\n  font-weight:950;\r\n  color:#3A2B24;\r\n}\r\n\r\n.tb-forest{\r\n  display:flex;\r\n  justify-content:center;\r\n  gap:.7rem;\r\n  flex-wrap:wrap;\r\n  margin:1.5rem 0;\r\n  font-size:2rem;\r\n}\r\n\r\n.tb-note{\r\n  margin-top:2rem;\r\n  text-align:center;\r\n}\r\n\r\n@media(max-width:900px){\r\n  .tb-path,.tb-options{grid-template-columns:1fr;}\r\n  .tb-hero,.tb-game,.tb-note{padding:1.6rem;}\r\n}\r\n<\/style>\r\n\r\n<section class=\"tb-page\">\r\n  <div class=\"tb-wrap\">\r\n\r\n    <div class=\"tb-hero\">\r\n      <div class=\"tb-label\">\ud83c\udf33 Taalbossen<\/div>\r\n      <h1>Ga door het taalbos.<\/h1>\r\n      <p>\r\n        In elk bos krijg je een andere taalvraag. Je oefent woorden, zinnen,\r\n        zinsdelen en taalgevoel rustig door elkaar.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"tb-path\">\r\n      <button class=\"tb-tab active\" onclick=\"showTB(1)\">\ud83c\udf31<br>Bos 1<br>Woorden<\/button>\r\n      <button class=\"tb-tab\" onclick=\"showTB(2)\">\ud83c\udf3f<br>Bos 2<br>Zinnen<\/button>\r\n      <button class=\"tb-tab\" onclick=\"showTB(3)\">\ud83c\udf33<br>Bos 3<br>Zinsdelen<\/button>\r\n      <button class=\"tb-tab\" onclick=\"showTB(4)\">\ud83c\udfc6<br>Eindbos<br>Mix<\/button>\r\n    <\/div>\r\n\r\n    <div id=\"tb1\" class=\"tb-game active\">\r\n      <h2>\ud83c\udf31 Bos 1: Woorden herkennen<\/h2>\r\n      <p class=\"tb-soft\">Kijk naar het woord. Welke woordsoort is het?<\/p>\r\n      <div class=\"tb-box\">\r\n        <div id=\"tbQ1\" class=\"tb-question\"><\/div>\r\n        <div id=\"tbOptions1\" class=\"tb-options\"><\/div>\r\n        <button class=\"tb-btn\" onclick=\"newTB1()\">Nieuwe vraag<\/button>\r\n        <div id=\"tbFeedback1\" class=\"tb-feedback\"><\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div id=\"tb2\" class=\"tb-game\">\r\n      <h2>\ud83c\udf3f Bos 2: Klopt de zin?<\/h2>\r\n      <p class=\"tb-soft\">Lees de zin. Voelt hij goed of fout?<\/p>\r\n      <div class=\"tb-box\">\r\n        <div id=\"tbQ2\" class=\"tb-question\"><\/div>\r\n        <div class=\"tb-options\">\r\n          <button class=\"tb-option\" onclick=\"checkTB2(true,this)\">\u2705 Goed<\/button>\r\n          <button class=\"tb-option\" onclick=\"checkTB2(false,this)\">\u274c Fout<\/button>\r\n        <\/div>\r\n        <button class=\"tb-btn\" onclick=\"newTB2()\">Nieuwe zin<\/button>\r\n        <div id=\"tbFeedback2\" class=\"tb-feedback\"><\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div id=\"tb3\" class=\"tb-game\">\r\n      <h2>\ud83c\udf33 Bos 3: Wie doet wat?<\/h2>\r\n      <p class=\"tb-soft\">Zoek het onderwerp of het werkwoord.<\/p>\r\n      <div class=\"tb-box\">\r\n        <div id=\"tbQ3\" class=\"tb-question\"><\/div>\r\n        <p id=\"tbAsk3\" class=\"tb-soft\"><\/p>\r\n        <div id=\"tbOptions3\" class=\"tb-options\"><\/div>\r\n        <button class=\"tb-btn\" onclick=\"newTB3()\">Nieuwe vraag<\/button>\r\n        <div id=\"tbFeedback3\" class=\"tb-feedback\"><\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div id=\"tb4\" class=\"tb-game\">\r\n      <h2>\ud83c\udfc6 Eindbos: Taalmix<\/h2>\r\n      <p class=\"tb-soft\">Doe 10 vragen door elkaar. Elke goede vraag laat je bos groeien.<\/p>\r\n      <div class=\"tb-box\">\r\n        <div id=\"tbForest\" class=\"tb-forest\"><\/div>\r\n        <div id=\"tbQ4\" class=\"tb-question\"><\/div>\r\n        <p id=\"tbAsk4\" class=\"tb-soft\"><\/p>\r\n        <div id=\"tbOptions4\" class=\"tb-options\"><\/div>\r\n        <div id=\"tbScore4\" class=\"tb-score\"><\/div>\r\n        <button class=\"tb-btn\" onclick=\"startTB4()\">Start opnieuw<\/button>\r\n        <div id=\"tbFeedback4\" class=\"tb-feedback\"><\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"tb-note\">\r\n      \ud83c\udf38 Ifi-regel:<br>\r\n      Rustig kijken. Eerst voelen wat het woord of de zin doet. Daarna pas kiezen.\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\nconst wordQuestions = [\r\n  {q:\"rennen\", a:\"Werkwoord\", options:[\"Werkwoord\",\"Lidwoord\",\"Zelfstandig naamwoord\"], uitleg:\"Rennen kun je doen.\"},\r\n  {q:\"springen\", a:\"Werkwoord\", options:[\"Werkwoord\",\"Zelfstandig naamwoord\",\"Lidwoord\"], uitleg:\"Springen is een doe-woord.\"},\r\n  {q:\"lezen\", a:\"Werkwoord\", options:[\"Werkwoord\",\"Lidwoord\",\"Zelfstandig naamwoord\"], uitleg:\"Lezen kun je doen.\"},\r\n  {q:\"bouwen\", a:\"Werkwoord\", options:[\"Werkwoord\",\"Zelfstandig naamwoord\",\"Lidwoord\"], uitleg:\"Bouwen kun je doen.\"},\r\n  {q:\"de\", a:\"Lidwoord\", options:[\"Werkwoord\",\"Lidwoord\",\"Zelfstandig naamwoord\"], uitleg:\"De is een lidwoord.\"},\r\n  {q:\"het\", a:\"Lidwoord\", options:[\"Lidwoord\",\"Werkwoord\",\"Bijvoeglijk naamwoord\"], uitleg:\"Het is een lidwoord.\"},\r\n  {q:\"een\", a:\"Lidwoord\", options:[\"Lidwoord\",\"Werkwoord\",\"Zelfstandig naamwoord\"], uitleg:\"Een is een lidwoord.\"},\r\n  {q:\"boek\", a:\"Zelfstandig naamwoord\", options:[\"Werkwoord\",\"Lidwoord\",\"Zelfstandig naamwoord\"], uitleg:\"Een boek is een ding.\"},\r\n  {q:\"school\", a:\"Zelfstandig naamwoord\", options:[\"Zelfstandig naamwoord\",\"Werkwoord\",\"Lidwoord\"], uitleg:\"School is een plek.\"},\r\n  {q:\"kat\", a:\"Zelfstandig naamwoord\", options:[\"Zelfstandig naamwoord\",\"Werkwoord\",\"Lidwoord\"], uitleg:\"Een kat is een dier.\"},\r\n  {q:\"mooie\", a:\"Bijvoeglijk naamwoord\", options:[\"Bijvoeglijk naamwoord\",\"Lidwoord\",\"Werkwoord\"], uitleg:\"Mooie vertelt hoe iets is.\"},\r\n  {q:\"kleine\", a:\"Bijvoeglijk naamwoord\", options:[\"Bijvoeglijk naamwoord\",\"Zelfstandig naamwoord\",\"Werkwoord\"], uitleg:\"Kleine vertelt iets over een woord erna.\"}\r\n];\r\n\r\nconst sentenceQuestions = [\r\n  {q:\"De hond rent snel.\", a:true, uitleg:\"Deze zin klopt.\"},\r\n  {q:\"Wij lopen naar school.\", a:true, uitleg:\"Deze zin klopt.\"},\r\n  {q:\"De kinderen spelen buiten.\", a:true, uitleg:\"Deze zin klopt.\"},\r\n  {q:\"Het meisje leest een boek.\", a:true, uitleg:\"Deze zin klopt.\"},\r\n  {q:\"De kat slapen op de bank.\", a:false, uitleg:\"Het moet zijn: De kat slaapt op de bank.\"},\r\n  {q:\"Het hond blaft hard.\", a:false, uitleg:\"Het moet zijn: De hond blaft hard.\"},\r\n  {q:\"De meisje leest een boek.\", a:false, uitleg:\"Het moet zijn: Het meisje leest een boek.\"},\r\n  {q:\"Wij loopt naar school.\", a:false, uitleg:\"Het moet zijn: Wij lopen naar school.\"}\r\n];\r\n\r\nconst partQuestions = [\r\n  {q:\"De kinderen bouwen een hut.\", ask:\"Wie of wat doet iets?\", a:\"De kinderen\", options:[\"De kinderen\",\"bouwen\",\"een hut\"], uitleg:\"De kinderen bouwen. Dus De kinderen is het onderwerp.\"},\r\n  {q:\"De hond rent snel.\", ask:\"Wat gebeurt er?\", a:\"rent\", options:[\"De hond\",\"rent\",\"snel\"], uitleg:\"Rent is het werkwoord.\"},\r\n  {q:\"Het meisje leest een boek.\", ask:\"Wie of wat doet iets?\", a:\"Het meisje\", options:[\"Het meisje\",\"leest\",\"een boek\"], uitleg:\"Het meisje leest. Dus Het meisje is het onderwerp.\"},\r\n  {q:\"Mama maakt soep.\", ask:\"Wat gebeurt er?\", a:\"maakt\", options:[\"Mama\",\"maakt\",\"soep\"], uitleg:\"Maakt is het werkwoord.\"},\r\n  {q:\"De bakker bakt brood.\", ask:\"Wie of wat doet iets?\", a:\"De bakker\", options:[\"De bakker\",\"bakt\",\"brood\"], uitleg:\"De bakker bakt. Dus De bakker is het onderwerp.\"},\r\n  {q:\"De vogel vliegt hoog.\", ask:\"Wat gebeurt er?\", a:\"vliegt\", options:[\"De vogel\",\"vliegt\",\"hoog\"], uitleg:\"Vliegt is het werkwoord.\"}\r\n];\r\n\r\nlet wordBag = [];\r\nlet sentenceBag = [];\r\nlet partBag = [];\r\nlet mixBag = [];\r\n\r\nlet currentTB1;\r\nlet currentTB2;\r\nlet currentTB3;\r\nlet currentTB4;\r\nlet round4 = 0;\r\nlet good4 = 0;\r\n\r\nfunction shuffleArray(array){\r\n  const copy = [...array];\r\n  for(let i = copy.length - 1; i > 0; i--){\r\n    const j = Math.floor(Math.random() * (i + 1));\r\n    [copy[i], copy[j]] = [copy[j], copy[i]];\r\n  }\r\n  return copy;\r\n}\r\n\r\nfunction refillBags(){\r\n  if(wordBag.length === 0){wordBag = shuffleArray(wordQuestions);}\r\n  if(sentenceBag.length === 0){sentenceBag = shuffleArray(sentenceQuestions);}\r\n  if(partBag.length === 0){partBag = shuffleArray(partQuestions);}\r\n  if(mixBag.length === 0){mixBag = shuffleArray([\"word\",\"sentence\",\"part\",\"word\",\"sentence\",\"part\"]);}\r\n}\r\n\r\nfunction getFreshWord(){\r\n  if(wordBag.length === 0){wordBag = shuffleArray(wordQuestions);}\r\n  return wordBag.pop();\r\n}\r\n\r\nfunction getFreshSentence(){\r\n  if(sentenceBag.length === 0){sentenceBag = shuffleArray(sentenceQuestions);}\r\n  return sentenceBag.pop();\r\n}\r\n\r\nfunction getFreshPart(){\r\n  if(partBag.length === 0){partBag = shuffleArray(partQuestions);}\r\n  return partBag.pop();\r\n}\r\n\r\nfunction getFreshMixType(){\r\n  if(mixBag.length === 0){mixBag = shuffleArray([\"word\",\"sentence\",\"part\",\"word\",\"sentence\",\"part\"]);}\r\n  return mixBag.pop();\r\n}\r\n\r\nfunction showTB(n){\r\n  document.querySelectorAll(\".tb-game\").forEach(function(game){\r\n    game.classList.remove(\"active\");\r\n  });\r\n\r\n  document.querySelectorAll(\".tb-tab\").forEach(function(tab){\r\n    tab.classList.remove(\"active\");\r\n  });\r\n\r\n  document.getElementById(\"tb\" + n).classList.add(\"active\");\r\n  document.querySelectorAll(\".tb-tab\")[n - 1].classList.add(\"active\");\r\n\r\n  if(n === 1){newTB1();}\r\n  if(n === 2){newTB2();}\r\n  if(n === 3){newTB3();}\r\n  if(n === 4){startTB4();}\r\n}\r\n\r\nfunction makeOptions(containerId,options,fnName){\r\n  const safeOptions = shuffleArray(options);\r\n  let html = \"\";\r\n\r\n  safeOptions.forEach(function(opt){\r\n    const safeOpt = opt.replace(\/'\/g,\"\\\\'\");\r\n    html += '<button class=\"tb-option\" onclick=\"' + fnName + '(this,\\'' + safeOpt + '\\')\">' + opt + '<\/button>';\r\n  });\r\n\r\n  document.getElementById(containerId).innerHTML = html;\r\n}\r\n\r\nfunction newTB1(){\r\n  currentTB1 = getFreshWord();\r\n\r\n  document.getElementById(\"tbQ1\").innerText = currentTB1.q;\r\n  makeOptions(\"tbOptions1\",currentTB1.options,\"checkTB1\");\r\n  document.getElementById(\"tbFeedback1\").innerText = \"\";\r\n}\r\n\r\nfunction checkTB1(btn,opt){\r\n  if(opt === currentTB1.a){\r\n    btn.classList.add(\"good\");\r\n    document.getElementById(\"tbFeedback1\").innerHTML =\r\n      \"<strong>Goed \ud83c\udf38<\/strong><br>\" + currentTB1.uitleg;\r\n    setTimeout(newTB1,900);\r\n  }else{\r\n    btn.classList.add(\"bad\");\r\n    document.getElementById(\"tbFeedback1\").innerText =\r\n      \"Bijna. Kijk naar wat het woord doet \ud83d\udc9b\";\r\n  }\r\n}\r\n\r\nfunction newTB2(){\r\n  currentTB2 = getFreshSentence();\r\n\r\n  document.getElementById(\"tbQ2\").innerText = currentTB2.q;\r\n  document.getElementById(\"tbFeedback2\").innerText = \"\";\r\n\r\n  document.querySelectorAll(\"#tb2 .tb-option\").forEach(function(btn){\r\n    btn.classList.remove(\"good\",\"bad\");\r\n  });\r\n}\r\n\r\nfunction checkTB2(choice,btn){\r\n  if(choice === currentTB2.a){\r\n    btn.classList.add(\"good\");\r\n    document.getElementById(\"tbFeedback2\").innerHTML =\r\n      \"<strong>Goed gevoeld \ud83c\udf38<\/strong><br>\" + currentTB2.uitleg;\r\n    setTimeout(newTB2,900);\r\n  }else{\r\n    btn.classList.add(\"bad\");\r\n    document.getElementById(\"tbFeedback2\").innerText =\r\n      \"Bijna. Lees de zin nog eens rustig \ud83d\udc9b\";\r\n  }\r\n}\r\n\r\nfunction newTB3(){\r\n  currentTB3 = getFreshPart();\r\n\r\n  document.getElementById(\"tbQ3\").innerText = currentTB3.q;\r\n  document.getElementById(\"tbAsk3\").innerText = currentTB3.ask;\r\n  makeOptions(\"tbOptions3\",currentTB3.options,\"checkTB3\");\r\n  document.getElementById(\"tbFeedback3\").innerText = \"\";\r\n}\r\n\r\nfunction checkTB3(btn,opt){\r\n  if(opt === currentTB3.a){\r\n    btn.classList.add(\"good\");\r\n    document.getElementById(\"tbFeedback3\").innerHTML =\r\n      \"<strong>Yes detective \ud83c\udf38<\/strong><br>\" + currentTB3.uitleg;\r\n    setTimeout(newTB3,900);\r\n  }else{\r\n    btn.classList.add(\"bad\");\r\n    document.getElementById(\"tbFeedback3\").innerText =\r\n      \"Bijna. Vraag opnieuw: \" + currentTB3.ask + \" \ud83d\udc9b\";\r\n  }\r\n}\r\n\r\nfunction startTB4(){\r\n  round4 = 0;\r\n  good4 = 0;\r\n  mixBag = shuffleArray([\"word\",\"sentence\",\"part\",\"word\",\"sentence\",\"part\"]);\r\n  document.getElementById(\"tbForest\").innerHTML = \"\";\r\n  document.getElementById(\"tbFeedback4\").innerText = \"\";\r\n  newTB4();\r\n}\r\n\r\nfunction newTB4(){\r\n  if(round4 >= 10){\r\n    document.getElementById(\"tbQ4\").innerText = \"Klaar \ud83c\udf1f\";\r\n    document.getElementById(\"tbAsk4\").innerText = \"\";\r\n    document.getElementById(\"tbOptions4\").innerHTML = \"\";\r\n    document.getElementById(\"tbScore4\").innerText =\r\n      \"Je had \" + good4 + \" van de 10 goed.\";\r\n    document.getElementById(\"tbFeedback4\").innerText =\r\n      \"Mooi gelopen door het taalbos \ud83c\udf33\";\r\n    return;\r\n  }\r\n\r\n  round4++;\r\n  const type = getFreshMixType();\r\n\r\n  if(type === \"word\"){\r\n    currentTB4 = getFreshWord();\r\n    currentTB4.kind = \"word\";\r\n\r\n    document.getElementById(\"tbQ4\").innerText = currentTB4.q;\r\n    document.getElementById(\"tbAsk4\").innerText = \"Welke woordsoort is dit?\";\r\n    makeOptions(\"tbOptions4\",currentTB4.options,\"checkTB4\");\r\n  }\r\n\r\n  if(type === \"sentence\"){\r\n    currentTB4 = getFreshSentence();\r\n    currentTB4.kind = \"sentence\";\r\n\r\n    document.getElementById(\"tbQ4\").innerText = currentTB4.q;\r\n    document.getElementById(\"tbAsk4\").innerText = \"Klopt deze zin?\";\r\n    document.getElementById(\"tbOptions4\").innerHTML =\r\n      '<button class=\"tb-option\" onclick=\"checkTB4(this,\\'true\\')\">\u2705 Goed<\/button>' +\r\n      '<button class=\"tb-option\" onclick=\"checkTB4(this,\\'false\\')\">\u274c Fout<\/button>';\r\n  }\r\n\r\n  if(type === \"part\"){\r\n    currentTB4 = getFreshPart();\r\n    currentTB4.kind = \"part\";\r\n\r\n    document.getElementById(\"tbQ4\").innerText = currentTB4.q;\r\n    document.getElementById(\"tbAsk4\").innerText = currentTB4.ask;\r\n    makeOptions(\"tbOptions4\",currentTB4.options,\"checkTB4\");\r\n  }\r\n\r\n  document.getElementById(\"tbScore4\").innerText =\r\n    \"Vraag \" + round4 + \" van 10 | Goed: \" + good4;\r\n\r\n  document.getElementById(\"tbFeedback4\").innerText = \"\";\r\n}\r\n\r\nfunction checkTB4(btn,opt){\r\n  let ok = false;\r\n\r\n  if(currentTB4.kind === \"word\"){\r\n    ok = opt === currentTB4.a;\r\n  }\r\n\r\n  if(currentTB4.kind === \"sentence\"){\r\n    ok = (opt === \"true\") === currentTB4.a;\r\n  }\r\n\r\n  if(currentTB4.kind === \"part\"){\r\n    ok = opt === currentTB4.a;\r\n  }\r\n\r\n  if(ok){\r\n    good4++;\r\n    btn.classList.add(\"good\");\r\n    document.getElementById(\"tbForest\").innerHTML += \"\ud83c\udf33\";\r\n    document.getElementById(\"tbFeedback4\").innerHTML =\r\n      \"<strong>Goed \ud83c\udf38<\/strong><br>\" + currentTB4.uitleg;\r\n  }else{\r\n    btn.classList.add(\"bad\");\r\n    document.getElementById(\"tbFeedback4\").innerText =\r\n      \"Bijna. Rustig kijken, dan kiezen \ud83d\udc9b\";\r\n  }\r\n\r\n  setTimeout(newTB4,1000);\r\n}\r\n\r\nrefillBags();\r\nnewTB1();\r\nnewTB2();\r\nnewTB3();\r\nstartTB4();\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\udf33 Taalbossen Ga door het taalbos. In elk bos krijg je een andere taalvraag. Je oefent woorden, zinnen, zinsdelen en taalgevoel rustig door elkaar. \ud83c\udf31Bos 1Woorden \ud83c\udf3fBos 2Zinnen \ud83c\udf33Bos 3Zinsdelen \ud83c\udfc6EindbosMix \ud83c\udf31 Bos 1: Woorden herkennen Kijk naar het woord. Welke woordsoort is het? Nieuwe vraag \ud83c\udf3f Bos 2: Klopt de zin? Lees de zin. [&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-3464","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/withifi.muhubonurture.nl\/index.php?rest_route=\/wp\/v2\/pages\/3464","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=3464"}],"version-history":[{"count":10,"href":"https:\/\/withifi.muhubonurture.nl\/index.php?rest_route=\/wp\/v2\/pages\/3464\/revisions"}],"predecessor-version":[{"id":3476,"href":"https:\/\/withifi.muhubonurture.nl\/index.php?rest_route=\/wp\/v2\/pages\/3464\/revisions\/3476"}],"wp:attachment":[{"href":"https:\/\/withifi.muhubonurture.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3464"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}