{"id":3176,"date":"2026-06-14T03:03:48","date_gmt":"2026-06-14T03:03:48","guid":{"rendered":"https:\/\/withifi.muhubonurture.nl\/?page_id=3176"},"modified":"2026-06-14T03:04:07","modified_gmt":"2026-06-14T03:04:07","slug":"keersommen","status":"publish","type":"page","link":"https:\/\/withifi.muhubonurture.nl\/?page_id=3176","title":{"rendered":"Keersommen"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3176\" class=\"elementor elementor-3176\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9f21676 e-con-full e-flex e-con e-parent\" data-id=\"9f21676\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a963379 elementor-widget elementor-widget-html\" data-id=\"a963379\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n.ifi-times-page *{box-sizing:border-box;}\r\n\r\n.ifi-times-page{\r\n  min-height:100vh;\r\n  padding:6rem 7vw;\r\n  font-family:'Inter',Arial,sans-serif;\r\n  color:#1F2A3D !important;\r\n  background:linear-gradient(135deg,#F7FBFF 0%,#EAF6FF 50%,#F5FBF7 100%);\r\n}\r\n\r\n.ifi-times-wrap{max-width:1080px;margin:0 auto;}\r\n\r\n.ifi-back{\r\n  display:inline-flex;\r\n  margin-bottom:2rem;\r\n  padding:.9rem 1.4rem;\r\n  border-radius:999px;\r\n  background:#fff !important;\r\n  color:#1F2A3D !important;\r\n  text-decoration:none !important;\r\n  font-weight:900;\r\n  box-shadow:0 8px 22px rgba(70,105,140,.10);\r\n}\r\n\r\n.ifi-hero,.ifi-game,.ifi-note{\r\n  background:#fff !important;\r\n  border-radius:36px;\r\n  padding:2.4rem;\r\n  box-shadow:0 16px 38px rgba(70,105,140,.10);\r\n}\r\n\r\n.ifi-hero{margin-bottom:2rem;}\r\n\r\n.ifi-label{\r\n  display:inline-block;\r\n  padding:.7rem 1.2rem;\r\n  border-radius:999px;\r\n  background:#DDEFFF !important;\r\n  color:#1F4E73 !important;\r\n  font-weight:950;\r\n  margin-bottom:1rem;\r\n}\r\n\r\n.ifi-hero h1,.ifi-game h2{\r\n  color:#1F2A3D !important;\r\n  font-weight:950;\r\n}\r\n\r\n.ifi-hero h1{\r\n  font-size:clamp(36px,5vw,60px);\r\n  margin:0 0 1rem;\r\n}\r\n\r\n.ifi-game h2{\r\n  font-size:clamp(30px,4vw,46px);\r\n  margin:0 0 .8rem;\r\n}\r\n\r\n.ifi-soft,.ifi-hero p,.ifi-note{\r\n  color:#263F59 !important;\r\n  font-weight:850;\r\n  line-height:1.8;\r\n  font-size:1.15rem;\r\n}\r\n\r\n.ifi-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.ifi-tab{\r\n  border:3px solid #7CB8E4 !important;\r\n  border-radius:28px;\r\n  padding:1.3rem;\r\n  background:#fff !important;\r\n  color:#1F2A3D !important;\r\n  font-size:1.05rem;\r\n  font-weight:950;\r\n  cursor:pointer;\r\n  box-shadow:0 10px 24px rgba(70,105,140,.10);\r\n}\r\n\r\n.ifi-tab.active,.ifi-tab:hover{\r\n  background:#DDEFFF !important;\r\n}\r\n\r\n.ifi-game{display:none;}\r\n.ifi-game.active{display:block;}\r\n\r\n.ifi-box{\r\n  margin-top:1.7rem;\r\n  padding:2rem;\r\n  border-radius:32px;\r\n  background:#EEF7FE !important;\r\n  text-align:center;\r\n}\r\n\r\n.ifi-big{\r\n  font-size:clamp(44px,8vw,82px);\r\n  font-weight:950;\r\n  color:#1F2A3D !important;\r\n  line-height:1.1;\r\n  margin:1rem 0;\r\n}\r\n\r\n.ifi-groups{\r\n  display:flex;\r\n  gap:1rem;\r\n  justify-content:center;\r\n  flex-wrap:wrap;\r\n  margin:1.5rem 0;\r\n}\r\n\r\n.ifi-group{\r\n  min-width:76px;\r\n  min-height:64px;\r\n  border-radius:22px;\r\n  background:#fff !important;\r\n  border:3px solid #7CB8E4 !important;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  padding:.7rem;\r\n  font-size:1.5rem;\r\n  font-weight:950;\r\n  color:#1F2A3D !important;\r\n}\r\n\r\n.ifi-array{\r\n  display:inline-grid;\r\n  gap:.55rem;\r\n  padding:1.3rem;\r\n  background:#fff !important;\r\n  border:3px solid #7CB8E4 !important;\r\n  border-radius:26px;\r\n  margin:1.5rem auto;\r\n}\r\n\r\n.ifi-dot{\r\n  width:24px;\r\n  height:24px;\r\n  border-radius:50%;\r\n  background:#1F2A3D !important;\r\n}\r\n\r\n.ifi-options{\r\n  display:grid;\r\n  grid-template-columns:repeat(3,1fr);\r\n  gap:1rem;\r\n  margin-top:1.5rem;\r\n}\r\n\r\n.ifi-option,.ifi-btn{\r\n  border:3px solid #7CB8E4 !important;\r\n  background:#fff !important;\r\n  color:#1F2A3D !important;\r\n  font-weight:950 !important;\r\n  cursor:pointer;\r\n  opacity:1 !important;\r\n  text-shadow:none !important;\r\n  box-shadow:0 8px 20px rgba(70,105,140,.10);\r\n}\r\n\r\n.ifi-option{\r\n  border-radius:24px;\r\n  font-size:1.6rem !important;\r\n  padding:1.3rem !important;\r\n  min-height:82px;\r\n}\r\n\r\n.ifi-btn{\r\n  border-radius:999px;\r\n  padding:1rem 1.7rem;\r\n  font-size:1rem;\r\n}\r\n\r\n.ifi-option:hover,.ifi-btn:hover{\r\n  background:#DDEFFF !important;\r\n}\r\n\r\n.ifi-actions{\r\n  margin-top:1.4rem;\r\n  display:flex;\r\n  gap:1rem;\r\n  justify-content:center;\r\n  flex-wrap:wrap;\r\n}\r\n\r\n.ifi-feedback{\r\n  min-height:38px;\r\n  margin-top:1.3rem;\r\n  font-size:1.35rem;\r\n  font-weight:950;\r\n  color:#1D6845 !important;\r\n}\r\n\r\n.ifi-input{\r\n  width:100%;\r\n  max-width:260px;\r\n  padding:1.1rem;\r\n  border-radius:22px;\r\n  border:3px solid #7CB8E4 !important;\r\n  font-size:2rem;\r\n  font-weight:950;\r\n  text-align:center;\r\n  color:#1F2A3D !important;\r\n  background:#fff !important;\r\n}\r\n\r\n.ifi-input::placeholder{\r\n  color:#6B7F95 !important;\r\n  opacity:1 !important;\r\n}\r\n\r\n.ifi-note{margin-top:2rem;}\r\n\r\n@media(max-width:800px){\r\n  .ifi-tabs,.ifi-options{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  .ifi-hero,.ifi-game,.ifi-note{\r\n    padding:1.6rem;\r\n  }\r\n\r\n  .ifi-box{\r\n    padding:1.4rem;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"ifi-times-page\">\r\n  <div class=\"ifi-times-wrap\">\r\n\r\n    <a class=\"ifi-back\" href=\"javascript:history.back()\">\u2190 Terug<\/a>\r\n\r\n    <div class=\"ifi-hero\">\r\n      <div class=\"ifi-label\">\u2716\ufe0f Keersommen<\/div>\r\n      <h1>Keer betekent: even grote groepjes<\/h1>\r\n      <p>\r\n        Bij keersommen kijk je niet naar losse getallen.\r\n        Je kijkt naar groepjes die steeds even groot zijn.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"ifi-tabs\">\r\n      <button class=\"ifi-tab active\" onclick=\"showTimesGame(1)\">\ud83e\udde9<br><strong>Level 1<\/strong><br>Groepjes zien<\/button>\r\n      <button class=\"ifi-tab\" onclick=\"showTimesGame(2)\">\ud83d\udd32<br><strong>Level 2<\/strong><br>Rijen bouwen<\/button>\r\n      <button class=\"ifi-tab\" onclick=\"showTimesGame(3)\">\ud83d\udd0e<br><strong>Level 3<\/strong><br>Som kiezen<\/button>\r\n    <\/div>\r\n\r\n    <!-- LEVEL 1 -->\r\n    <div id=\"times-game-1\" class=\"ifi-game active\">\r\n      <h2>\ud83e\udde9 Level 1: Groepjes zien<\/h2>\r\n      <p class=\"ifi-soft\">\r\n        Kijk naar de groepjes. Elk vakje is \u00e9\u00e9n groepje.\r\n      <\/p>\r\n\r\n      <div class=\"ifi-box\">\r\n        <div id=\"timesLevel1Text\" class=\"ifi-big\"><\/div>\r\n        <div id=\"timesLevel1Groups\" class=\"ifi-groups\"><\/div>\r\n\r\n        <p class=\"ifi-soft\">Hoeveel stippen zijn er samen?<\/p>\r\n\r\n        <div id=\"timesLevel1Options\" class=\"ifi-options\"><\/div>\r\n\r\n        <div class=\"ifi-actions\">\r\n          <button class=\"ifi-btn\" onclick=\"newTimesLevel1()\">Nieuwe oefening<\/button>\r\n        <\/div>\r\n\r\n        <div id=\"timesLevel1Feedback\" class=\"ifi-feedback\"><\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- LEVEL 2 -->\r\n    <div id=\"times-game-2\" class=\"ifi-game\">\r\n      <h2>\ud83d\udd32 Level 2: Rijen bouwen<\/h2>\r\n      <p class=\"ifi-soft\">\r\n        Een keersom kun je ook zien als rijen. Je brein ziet dan een patroon.\r\n      <\/p>\r\n\r\n      <div class=\"ifi-box\">\r\n        <div id=\"timesLevel2Text\" class=\"ifi-big\"><\/div>\r\n        <div id=\"timesLevel2Array\" class=\"ifi-array\"><\/div>\r\n\r\n        <p class=\"ifi-soft\">Hoeveel stippen zie je in totaal?<\/p>\r\n\r\n        <input id=\"timesLevel2Answer\" class=\"ifi-input\" type=\"number\" placeholder=\"?\" \/>\r\n\r\n        <div class=\"ifi-actions\">\r\n          <button class=\"ifi-btn\" onclick=\"checkTimesLevel2()\">Controleer<\/button>\r\n          <button class=\"ifi-btn\" onclick=\"newTimesLevel2()\">Nieuwe rijen<\/button>\r\n        <\/div>\r\n\r\n        <div id=\"timesLevel2Feedback\" class=\"ifi-feedback\"><\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- LEVEL 3 -->\r\n    <div id=\"times-game-3\" class=\"ifi-game\">\r\n      <h2>\ud83d\udd0e Level 3: Welke keersom past?<\/h2>\r\n      <p class=\"ifi-soft\">\r\n        Kijk naar het antwoord. Welke keersom hoort erbij?\r\n      <\/p>\r\n\r\n      <div class=\"ifi-box\">\r\n        <div id=\"timesLevel3AnswerNumber\" class=\"ifi-big\"><\/div>\r\n\r\n        <div id=\"timesLevel3Options\" class=\"ifi-options\"><\/div>\r\n\r\n        <div class=\"ifi-actions\">\r\n          <button class=\"ifi-btn\" onclick=\"newTimesLevel3()\">Nieuwe ronde<\/button>\r\n        <\/div>\r\n\r\n        <div id=\"timesLevel3Feedback\" class=\"ifi-feedback\"><\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"ifi-note\">\r\n      \ud83c\udf38 Ifi-regel:<br>\r\n      Keer betekent: dezelfde hoeveelheid komt steeds terug.\r\n      Je hoeft niet te stampen. Kijk naar groepjes, rijen en patronen.\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\nlet timesLevel1Correct = 0;\r\nlet timesLevel2Correct = 0;\r\nlet timesLevel3Correct = \"\";\r\n\r\nfunction r(min,max){\r\n  return Math.floor(Math.random()*(max-min+1))+min;\r\n}\r\n\r\nfunction timesHappy(){\r\n  const texts = [\r\n    \"Mooi gezien \ud83c\udf38\",\r\n    \"Yes, je zag de groepjes \ud83d\udc9b\",\r\n    \"Rustig gekeken, goed gedaan \ud83c\udf31\",\r\n    \"Knap hoor, je brein ziet het patroon \u2728\"\r\n  ];\r\n  return texts[r(0,texts.length-1)];\r\n}\r\n\r\nfunction timesTryAgain(){\r\n  const texts = [\r\n    \"Bijna. Kijk nog eens naar de groepjes \ud83d\udc9b\",\r\n    \"Geen haast. Tel per groepje \ud83c\udf31\",\r\n    \"Je brein leert het patroon. Probeer nog eens \ud83e\udde9\"\r\n  ];\r\n  return texts[r(0,texts.length-1)];\r\n}\r\n\r\nfunction showTimesGame(n){\r\n  document.querySelectorAll(\".ifi-game\").forEach(function(game){\r\n    game.classList.remove(\"active\");\r\n  });\r\n\r\n  document.querySelectorAll(\".ifi-tab\").forEach(function(tab){\r\n    tab.classList.remove(\"active\");\r\n  });\r\n\r\n  document.getElementById(\"times-game-\" + n).classList.add(\"active\");\r\n  document.querySelectorAll(\".ifi-tab\")[n - 1].classList.add(\"active\");\r\n}\r\n\r\nfunction newTimesLevel1(){\r\n  const groups = r(2,6);\r\n  const amount = r(2,5);\r\n  timesLevel1Correct = groups * amount;\r\n\r\n  document.getElementById(\"timesLevel1Text\").innerText =\r\n    groups + \" groepjes van \" + amount;\r\n\r\n  let html = \"\";\r\n\r\n  for(let i = 0; i < groups; i++){\r\n    html += '<div class=\"ifi-group\">' + \"\u25cf\".repeat(amount) + '<\/div>';\r\n  }\r\n\r\n  document.getElementById(\"timesLevel1Groups\").innerHTML = html;\r\n\r\n  let options = [\r\n    timesLevel1Correct,\r\n    timesLevel1Correct + r(1,4),\r\n    Math.max(1,timesLevel1Correct - r(1,4))\r\n  ];\r\n\r\n  options = [...new Set(options)];\r\n\r\n  while(options.length < 3){\r\n    options.push(r(4,30));\r\n    options = [...new Set(options)];\r\n  }\r\n\r\n  options.sort(function(){return Math.random() - 0.5;});\r\n\r\n  document.getElementById(\"timesLevel1Options\").innerHTML = options.map(function(option){\r\n    return '<button class=\"ifi-option\" onclick=\"checkTimesLevel1(' + option + ')\">' + option + '<\/button>';\r\n  }).join(\"\");\r\n\r\n  document.getElementById(\"timesLevel1Feedback\").innerText = \"\";\r\n}\r\n\r\nfunction checkTimesLevel1(choice){\r\n  document.getElementById(\"timesLevel1Feedback\").innerText =\r\n    choice === timesLevel1Correct ? timesHappy() : timesTryAgain();\r\n}\r\n\r\nfunction newTimesLevel2(){\r\n  const rows = r(2,6);\r\n  const columns = r(2,6);\r\n  timesLevel2Correct = rows * columns;\r\n\r\n  document.getElementById(\"timesLevel2Text\").innerText =\r\n    rows + \" rijen van \" + columns;\r\n\r\n  let html = \"\";\r\n\r\n  for(let i = 0; i < rows * columns; i++){\r\n    html += '<div class=\"ifi-dot\"><\/div>';\r\n  }\r\n\r\n  const array = document.getElementById(\"timesLevel2Array\");\r\n  array.style.gridTemplateColumns = \"repeat(\" + columns + \", 24px)\";\r\n  array.innerHTML = html;\r\n\r\n  document.getElementById(\"timesLevel2Answer\").value = \"\";\r\n  document.getElementById(\"timesLevel2Feedback\").innerText = \"\";\r\n}\r\n\r\nfunction checkTimesLevel2(){\r\n  const answer = Number(document.getElementById(\"timesLevel2Answer\").value);\r\n\r\n  document.getElementById(\"timesLevel2Feedback\").innerText =\r\n    answer === timesLevel2Correct\r\n    ? timesHappy()\r\n    : \"Bijna. Tel rustig rij voor rij \ud83d\udc9b\";\r\n}\r\n\r\nfunction newTimesLevel3(){\r\n  const a = r(2,10);\r\n  const b = r(2,10);\r\n  const answer = a * b;\r\n  timesLevel3Correct = a + \" \u00d7 \" + b;\r\n\r\n  document.getElementById(\"timesLevel3AnswerNumber\").innerText =\r\n    \"Welke som maakt \" + answer + \"?\";\r\n\r\n  let options = [\r\n    timesLevel3Correct,\r\n    r(2,10) + \" \u00d7 \" + r(2,10),\r\n    r(2,10) + \" \u00d7 \" + r(2,10)\r\n  ];\r\n\r\n  options = [...new Set(options)];\r\n\r\n  while(options.length < 3){\r\n    options.push(r(2,10) + \" \u00d7 \" + r(2,10));\r\n    options = [...new Set(options)];\r\n  }\r\n\r\n  options.sort(function(){return Math.random() - 0.5;});\r\n\r\n  document.getElementById(\"timesLevel3Options\").innerHTML = options.map(function(option){\r\n    return '<button class=\"ifi-option\" onclick=\"checkTimesLevel3(\\'' + option + '\\')\">' + option + '<\/button>';\r\n  }).join(\"\");\r\n\r\n  document.getElementById(\"timesLevel3Feedback\").innerText = \"\";\r\n}\r\n\r\nfunction checkTimesLevel3(choice){\r\n  document.getElementById(\"timesLevel3Feedback\").innerText =\r\n    choice === timesLevel3Correct ? timesHappy() : timesTryAgain();\r\n}\r\n\r\nnewTimesLevel1();\r\nnewTimesLevel2();\r\nnewTimesLevel3();\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>\u2190 Terug \u2716\ufe0f Keersommen Keer betekent: even grote groepjes Bij keersommen kijk je niet naar losse getallen. Je kijkt naar groepjes die steeds even groot zijn. \ud83e\udde9Level 1Groepjes zien \ud83d\udd32Level 2Rijen bouwen \ud83d\udd0eLevel 3Som kiezen \ud83e\udde9 Level 1: Groepjes zien Kijk naar de groepjes. Elk vakje is \u00e9\u00e9n groepje. Hoeveel stippen zijn er samen? Nieuwe [&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-3176","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/withifi.muhubonurture.nl\/index.php?rest_route=\/wp\/v2\/pages\/3176","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=3176"}],"version-history":[{"count":4,"href":"https:\/\/withifi.muhubonurture.nl\/index.php?rest_route=\/wp\/v2\/pages\/3176\/revisions"}],"predecessor-version":[{"id":3181,"href":"https:\/\/withifi.muhubonurture.nl\/index.php?rest_route=\/wp\/v2\/pages\/3176\/revisions\/3181"}],"wp:attachment":[{"href":"https:\/\/withifi.muhubonurture.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3176"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}