{"id":3512,"date":"2026-06-16T06:42:59","date_gmt":"2026-06-16T06:42:59","guid":{"rendered":"https:\/\/withifi.muhubonurture.nl\/?page_id=3512"},"modified":"2026-06-16T06:48:32","modified_gmt":"2026-06-16T06:48:32","slug":"ifis-taalmissie","status":"publish","type":"page","link":"https:\/\/withifi.muhubonurture.nl\/?page_id=3512","title":{"rendered":"Ifi\u2019s Taalmissie."},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3512\" class=\"elementor elementor-3512\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8caea04 e-con-full e-flex e-con e-parent\" data-id=\"8caea04\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9516a5b elementor-widget elementor-widget-html\" data-id=\"9516a5b\" 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.missie-page *{box-sizing:border-box;}\r\n\r\n.missie-page{\r\n  min-height:100vh;\r\n  padding:6rem 7vw;\r\n  color:#3A2B24;\r\n  background:linear-gradient(135deg,#FFF8FB 0%,#EEF7FE 48%,#FFF8EF 100%);\r\n}\r\n\r\n.missie-wrap{max-width:1120px;margin:auto;}\r\n\r\n.missie-hero,.missie-game,.missie-note{\r\n  background:rgba(255,255,255,.82);\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.missie-hero{text-align:center;}\r\n\r\n.missie-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.missie-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.missie-hero p,.missie-soft,.missie-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.missie-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.missie-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.1rem;\r\n  font-weight:950;\r\n  cursor:pointer;\r\n}\r\n\r\n.missie-tab.active,.missie-tab:hover{\r\n  background:#FFEAF2 !important;\r\n}\r\n\r\n.missie-game{display:none;}\r\n.missie-game.active{display:block;}\r\n\r\n.missie-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.missie-card{\r\n  background:#fff;\r\n  border:3px solid #7CB8E4;\r\n  border-radius:30px;\r\n  padding:1.5rem;\r\n  margin:1.3rem auto;\r\n  max-width:850px;\r\n}\r\n\r\n.missie-big{\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;\r\n}\r\n\r\n.missie-question{\r\n  font-size:1.25rem;\r\n  font-weight:950;\r\n  color:#5F4B3F;\r\n  margin:1.2rem 0;\r\n}\r\n\r\n.missie-options{\r\n  display:flex;\r\n  flex-wrap:wrap;\r\n  justify-content:center;\r\n  gap:.9rem;\r\n  margin:1.3rem 0;\r\n}\r\n\r\n.missie-option,.missie-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.missie-option{\r\n  border-radius:24px;\r\n  padding:1rem 1.35rem;\r\n  font-size:1.1rem;\r\n}\r\n\r\n.missie-btn{\r\n  border-radius:999px;\r\n  padding:1rem 1.7rem;\r\n  margin:.4rem;\r\n}\r\n\r\n.missie-option:hover,.missie-btn:hover{\r\n  background:#DDEFFF !important;\r\n}\r\n\r\n.missie-option.good{\r\n  background:#DFF5E8 !important;\r\n  border-color:#4E9B68 !important;\r\n}\r\n\r\n.missie-option.bad{\r\n  background:#FFE7E7 !important;\r\n  border-color:#D98585 !important;\r\n}\r\n\r\n.missie-map{\r\n  display:flex;\r\n  justify-content:center;\r\n  flex-wrap:wrap;\r\n  gap:.7rem;\r\n  margin:1.5rem 0;\r\n  font-size:2rem;\r\n}\r\n\r\n.missie-score{\r\n  margin-top:1rem;\r\n  color:#3A2B24;\r\n  font-weight:950;\r\n}\r\n\r\n.missie-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.missie-note{\r\n  margin-top:2rem;\r\n  text-align:center;\r\n}\r\n\r\n@media(max-width:900px){\r\n  .missie-tabs{grid-template-columns:1fr;}\r\n  .missie-hero,.missie-game,.missie-note{padding:1.6rem;}\r\n  .missie-option,.missie-btn{width:100%;}\r\n}\r\n<\/style>\r\n\r\n<section class=\"missie-page\">\r\n  <div class=\"missie-wrap\">\r\n\r\n    <div class=\"missie-hero\">\r\n      <div class=\"missie-label\">\u2728 Ifi\u2019s Taalmissie<\/div>\r\n      <h1>De zachte eindronde.<\/h1>\r\n      <p>\r\n        Alles komt samen: woorden herkennen, zinnen voelen, werkwoorden vinden,\r\n        onderwerp zoeken en de juiste denkroute kiezen.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"missie-tabs\">\r\n      <button class=\"missie-tab active\" onclick=\"showMissie(1)\">\ud83c\udf31<br>Missie 1<br>Rustig kiezen<\/button>\r\n      <button class=\"missie-tab\" onclick=\"showMissie(2)\">\ud83e\udded<br>Missie 2<br>Denkroute<\/button>\r\n      <button class=\"missie-tab\" onclick=\"showMissie(3)\">\ud83c\udfc6<br>Eindmissie<br>Avontuur<\/button>\r\n    <\/div>\r\n\r\n    <div id=\"missie1\" class=\"missie-game active\">\r\n      <h2>\ud83c\udf31 Missie 1: Wat vraagt Ifi?<\/h2>\r\n      <p class=\"missie-soft\">Lees rustig. Kies het antwoord dat past.<\/p>\r\n\r\n      <div class=\"missie-box\">\r\n        <div id=\"missieQ1\" class=\"missie-big\"><\/div>\r\n        <p id=\"missieAsk1\" class=\"missie-question\"><\/p>\r\n        <div id=\"missieOptions1\" class=\"missie-options\"><\/div>\r\n\r\n        <button class=\"missie-btn\" onclick=\"newMissie1()\">Nieuwe opdracht<\/button>\r\n        <div id=\"missieFeedback1\" class=\"missie-feedback\"><\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div id=\"missie2\" class=\"missie-game\">\r\n      <h2>\ud83e\udded Missie 2: Kies de juiste route<\/h2>\r\n      <p class=\"missie-soft\">Welke taalroute helpt jou om dit op te lossen?<\/p>\r\n\r\n      <div class=\"missie-box\">\r\n        <div id=\"missieQ2\" class=\"missie-big\"><\/div>\r\n        <p id=\"missieAsk2\" class=\"missie-question\"><\/p>\r\n        <div id=\"missieOptions2\" class=\"missie-options\"><\/div>\r\n\r\n        <button class=\"missie-btn\" onclick=\"newMissie2()\">Nieuwe route<\/button>\r\n        <div id=\"missieFeedback2\" class=\"missie-feedback\"><\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div id=\"missie3\" class=\"missie-game\">\r\n      <h2>\ud83c\udfc6 Eindmissie: Verzamel 10 lichtjes<\/h2>\r\n      <p class=\"missie-soft\">Elke goede keuze geeft een lichtje. Je krijgt verschillende vragen door elkaar.<\/p>\r\n\r\n      <div class=\"missie-box\">\r\n        <div id=\"missieMap3\" class=\"missie-map\"><\/div>\r\n        <div id=\"missieQ3\" class=\"missie-big\"><\/div>\r\n        <p id=\"missieAsk3\" class=\"missie-question\"><\/p>\r\n        <div id=\"missieOptions3\" class=\"missie-options\"><\/div>\r\n\r\n        <div id=\"missieScore3\" class=\"missie-score\"><\/div>\r\n\r\n        <button class=\"missie-btn\" onclick=\"startMissie3()\">Start opnieuw<\/button>\r\n        <div id=\"missieFeedback3\" class=\"missie-feedback\"><\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"missie-note\">\r\n      \ud83c\udf38 Ifi-regel:<br>\r\n      Eerst rustig kijken. Dan voelen wat de zin vraagt.\r\n      Daarna kies je de stap die jou verder helpt.\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\nconst missieLevel1 = [\r\n  {\r\n    q:\"rennen\",\r\n    ask:\"Welke woordsoort is dit?\",\r\n    answer:\"Werkwoord\",\r\n    options:[\"Werkwoord\",\"Lidwoord\",\"Zelfstandig naamwoord\"],\r\n    uitleg:\"Rennen kun je doen. Dus het is een werkwoord.\"\r\n  },\r\n  {\r\n    q:\"de\",\r\n    ask:\"Welke woordsoort is dit?\",\r\n    answer:\"Lidwoord\",\r\n    options:[\"Werkwoord\",\"Lidwoord\",\"Bijvoeglijk naamwoord\"],\r\n    uitleg:\"De is een lidwoord.\"\r\n  },\r\n  {\r\n    q:\"De hond rent snel.\",\r\n    ask:\"Wat gebeurt er?\",\r\n    answer:\"rent\",\r\n    options:[\"De hond\",\"rent\",\"snel\"],\r\n    uitleg:\"Rent is het werkwoord.\"\r\n  },\r\n  {\r\n    q:\"Het meisje leest een boek.\",\r\n    ask:\"Wie of wat leest?\",\r\n    answer:\"Het meisje\",\r\n    options:[\"Het meisje\",\"leest\",\"een boek\"],\r\n    uitleg:\"Het meisje leest. Dus Het meisje is het onderwerp.\"\r\n  },\r\n  {\r\n    q:\"Mama bakt een taart.\",\r\n    ask:\"Wie of wat bakt mama?\",\r\n    answer:\"een taart\",\r\n    options:[\"Mama\",\"bakt\",\"een taart\"],\r\n    uitleg:\"Een taart is het lijdend voorwerp.\"\r\n  }\r\n];\r\n\r\nconst missieLevel2 = [\r\n  {\r\n    q:\"De meisje leest een boek.\",\r\n    ask:\"Deze zin voelt fout. Welke route helpt?\",\r\n    answer:\"Lidwoordroute\",\r\n    options:[\"Werkwoordroute\",\"Lidwoordroute\",\"Voorwerproute\"],\r\n    uitleg:\"Meisje hoort bij het. Het meisje leest een boek.\"\r\n  },\r\n  {\r\n    q:\"Wij loopt naar school.\",\r\n    ask:\"Welke route helpt?\",\r\n    answer:\"Werkwoordroute\",\r\n    options:[\"Werkwoordroute\",\"Onderwerproute\",\"Lidwoordroute\"],\r\n    uitleg:\"Bij wij hoort lopen. Wij lopen naar school.\"\r\n  },\r\n  {\r\n    q:\"Leest de jongen een boek?\",\r\n    ask:\"Het onderwerp staat niet vooraan. Welke route helpt?\",\r\n    answer:\"Onderwerproute\",\r\n    options:[\"Onderwerproute\",\"Lidwoordroute\",\"Bijvoeglijk-route\"],\r\n    uitleg:\"Vraag: wie leest? De jongen.\"\r\n  },\r\n  {\r\n    q:\"Oma geeft Noor een cadeau.\",\r\n    ask:\"Je wilt weten aan wie iets gegeven wordt. Welke route kies je?\",\r\n    answer:\"Meewerkend-voorwerp-route\",\r\n    options:[\"Voorwerproute\",\"Meewerkend-voorwerp-route\",\"Lidwoordroute\"],\r\n    uitleg:\"Noor ontvangt iets. Dat is het meewerkend voorwerp.\"\r\n  }\r\n];\r\n\r\nconst missieMix = missieLevel1.concat(missieLevel2);\r\n\r\nlet bagM1 = [];\r\nlet bagM2 = [];\r\nlet bagM3 = [];\r\n\r\nlet currentM1;\r\nlet currentM2;\r\nlet currentM3;\r\nlet roundM3 = 0;\r\nlet goodM3 = 0;\r\n\r\nfunction shuffleMissie(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 getFreshMissie(pool,bag){\r\n  if(bag.length === 0){\r\n    bag.push(...shuffleMissie(pool));\r\n  }\r\n  return bag.pop();\r\n}\r\n\r\nfunction showMissie(n){\r\n  document.querySelectorAll(\".missie-game\").forEach(function(game){\r\n    game.classList.remove(\"active\");\r\n  });\r\n\r\n  document.querySelectorAll(\".missie-tab\").forEach(function(tab){\r\n    tab.classList.remove(\"active\");\r\n  });\r\n\r\n  document.getElementById(\"missie\" + n).classList.add(\"active\");\r\n  document.querySelectorAll(\".missie-tab\")[n - 1].classList.add(\"active\");\r\n\r\n  if(n === 1){newMissie1();}\r\n  if(n === 2){newMissie2();}\r\n  if(n === 3){startMissie3();}\r\n}\r\n\r\nfunction makeMissieOptions(containerId,options,fnName){\r\n  let html = \"\";\r\n\r\n  shuffleMissie(options).forEach(function(option){\r\n    const safe = option.replace(\/'\/g,\"\\\\'\");\r\n    html += '<button class=\"missie-option\" onclick=\"' + fnName + '(this,\\'' + safe + '\\')\">' + option + '<\/button>';\r\n  });\r\n\r\n  document.getElementById(containerId).innerHTML = html;\r\n}\r\n\r\nfunction newMissie1(){\r\n  currentM1 = getFreshMissie(missieLevel1,bagM1);\r\n\r\n  document.getElementById(\"missieQ1\").innerText = currentM1.q;\r\n  document.getElementById(\"missieAsk1\").innerText = currentM1.ask;\r\n  makeMissieOptions(\"missieOptions1\",currentM1.options,\"checkMissie1\");\r\n  document.getElementById(\"missieFeedback1\").innerText = \"\";\r\n}\r\n\r\nfunction checkMissie1(btn,opt){\r\n  if(opt === currentM1.answer){\r\n    btn.classList.add(\"good\");\r\n    document.getElementById(\"missieFeedback1\").innerHTML =\r\n      \"<strong>Goed gekozen \ud83c\udf38<\/strong><br>\" + currentM1.uitleg;\r\n  }else{\r\n    btn.classList.add(\"bad\");\r\n    document.getElementById(\"missieFeedback1\").innerText =\r\n      \"Bijna. Lees de vraag rustig opnieuw \ud83d\udc9b\";\r\n  }\r\n}\r\n\r\nfunction newMissie2(){\r\n  currentM2 = getFreshMissie(missieLevel2,bagM2);\r\n\r\n  document.getElementById(\"missieQ2\").innerText = currentM2.q;\r\n  document.getElementById(\"missieAsk2\").innerText = currentM2.ask;\r\n  makeMissieOptions(\"missieOptions2\",currentM2.options,\"checkMissie2\");\r\n  document.getElementById(\"missieFeedback2\").innerText = \"\";\r\n}\r\n\r\nfunction checkMissie2(btn,opt){\r\n  if(opt === currentM2.answer){\r\n    btn.classList.add(\"good\");\r\n    document.getElementById(\"missieFeedback2\").innerHTML =\r\n      \"<strong>Goede route \ud83c\udf38<\/strong><br>\" + currentM2.uitleg;\r\n  }else{\r\n    btn.classList.add(\"bad\");\r\n    document.getElementById(\"missieFeedback2\").innerText =\r\n      \"Bijna. Welke route helpt om dit probleem op te lossen? \ud83d\udc9b\";\r\n  }\r\n}\r\n\r\nfunction startMissie3(){\r\n  roundM3 = 0;\r\n  goodM3 = 0;\r\n  bagM3 = shuffleMissie(missieMix);\r\n  document.getElementById(\"missieMap3\").innerHTML = \"\";\r\n  newMissie3();\r\n}\r\n\r\nfunction newMissie3(){\r\n  if(roundM3 >= 10){\r\n    document.getElementById(\"missieQ3\").innerText = \"Missie voltooid \ud83c\udf1f\";\r\n    document.getElementById(\"missieAsk3\").innerText = \"\";\r\n    document.getElementById(\"missieOptions3\").innerHTML = \"\";\r\n    document.getElementById(\"missieScore3\").innerText =\r\n      \"Je had \" + goodM3 + \" van de 10 lichtjes.\";\r\n    document.getElementById(\"missieFeedback3\").innerText =\r\n      \"Mooi gedaan. Je taalbrein heeft hard gewerkt \ud83c\udf31\";\r\n    return;\r\n  }\r\n\r\n  if(bagM3.length === 0){\r\n    bagM3 = shuffleMissie(missieMix);\r\n  }\r\n\r\n  currentM3 = bagM3.pop();\r\n  roundM3++;\r\n\r\n  document.getElementById(\"missieQ3\").innerText = currentM3.q;\r\n  document.getElementById(\"missieAsk3\").innerText = currentM3.ask;\r\n  makeMissieOptions(\"missieOptions3\",currentM3.options,\"checkMissie3\");\r\n\r\n  document.getElementById(\"missieScore3\").innerText =\r\n    \"Vraag \" + roundM3 + \" van 10 | Lichtjes: \" + goodM3;\r\n\r\n  document.getElementById(\"missieFeedback3\").innerText = \"\";\r\n}\r\n\r\nfunction checkMissie3(btn,opt){\r\n  if(opt === currentM3.answer){\r\n    goodM3++;\r\n    btn.classList.add(\"good\");\r\n    document.getElementById(\"missieMap3\").innerHTML += \"\u2728\";\r\n    document.getElementById(\"missieFeedback3\").innerHTML =\r\n      \"<strong>Goed \ud83c\udf38<\/strong><br>\" + currentM3.uitleg;\r\n  }else{\r\n    btn.classList.add(\"bad\");\r\n    document.getElementById(\"missieFeedback3\").innerText =\r\n      \"Bijna. Rustig kijken: wat vraagt deze missie? \ud83d\udc9b\";\r\n  }\r\n\r\n  setTimeout(newMissie3,1100);\r\n}\r\n\r\nnewMissie1();\r\nnewMissie2();\r\nstartMissie3();\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>\u2728 Ifi\u2019s Taalmissie De zachte eindronde. Alles komt samen: woorden herkennen, zinnen voelen, werkwoorden vinden, onderwerp zoeken en de juiste denkroute kiezen. \ud83c\udf31Missie 1Rustig kiezen \ud83e\uddedMissie 2Denkroute \ud83c\udfc6EindmissieAvontuur \ud83c\udf31 Missie 1: Wat vraagt Ifi? Lees rustig. Kies het antwoord dat past. Nieuwe opdracht \ud83e\udded Missie 2: Kies de juiste route Welke taalroute helpt jou om [&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-3512","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/withifi.muhubonurture.nl\/index.php?rest_route=\/wp\/v2\/pages\/3512","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=3512"}],"version-history":[{"count":4,"href":"https:\/\/withifi.muhubonurture.nl\/index.php?rest_route=\/wp\/v2\/pages\/3512\/revisions"}],"predecessor-version":[{"id":3517,"href":"https:\/\/withifi.muhubonurture.nl\/index.php?rest_route=\/wp\/v2\/pages\/3512\/revisions\/3517"}],"wp:attachment":[{"href":"https:\/\/withifi.muhubonurture.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3512"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}