{"id":3154,"date":"2026-06-14T02:49:22","date_gmt":"2026-06-14T02:49:22","guid":{"rendered":"https:\/\/withifi.muhubonurture.nl\/?page_id=3154"},"modified":"2026-06-14T02:49:52","modified_gmt":"2026-06-14T02:49:52","slug":"eraf-sommen","status":"publish","type":"page","link":"https:\/\/withifi.muhubonurture.nl\/?page_id=3154","title":{"rendered":"Eraf sommen"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3154\" class=\"elementor elementor-3154\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-355ad1e e-con-full e-flex e-con e-parent\" data-id=\"355ad1e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9b02fa2 elementor-widget elementor-widget-html\" data-id=\"9b02fa2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n.ifi-minus-page *{box-sizing:border-box;}\r\n\r\n.ifi-minus-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-minus-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-visual{\r\n  display:flex;\r\n  gap:.8rem;\r\n  justify-content:center;\r\n  flex-wrap:wrap;\r\n  margin:1.4rem 0;\r\n}\r\n\r\n.ifi-object{\r\n  width:58px;\r\n  height:58px;\r\n  border-radius:20px;\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  font-size:1.8rem;\r\n}\r\n\r\n.ifi-gone{\r\n  background:#F7E4E4 !important;\r\n  border-color:#D97A7A !important;\r\n  opacity:.55;\r\n  text-decoration:line-through;\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-path{\r\n  display:flex;\r\n  justify-content:center;\r\n  align-items:center;\r\n  gap:.7rem;\r\n  flex-wrap:wrap;\r\n  margin:1.5rem auto;\r\n}\r\n\r\n.ifi-step{\r\n  min-width:74px;\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  font-size:1.55rem;\r\n  font-weight:950;\r\n  color:#1F2A3D !important;\r\n}\r\n\r\n.ifi-arrow{\r\n  font-size:1.6rem;\r\n  font-weight:950;\r\n  color:#1F4E73 !important;\r\n}\r\n\r\n.ifi-split-grid{\r\n  display:grid;\r\n  grid-template-columns:1fr 1fr;\r\n  gap:1rem;\r\n  margin:1.5rem auto;\r\n  max-width:720px;\r\n}\r\n\r\n.ifi-split-card{\r\n  background:#fff !important;\r\n  border:3px solid #7CB8E4 !important;\r\n  border-radius:26px;\r\n  padding:1.4rem;\r\n  color:#1F2A3D !important;\r\n}\r\n\r\n.ifi-split-card strong{\r\n  display:block;\r\n  font-size:2.2rem;\r\n  margin-bottom:.4rem;\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,.ifi-split-grid{\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-minus-page\">\r\n  <div class=\"ifi-minus-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\">\u2796 Eraf sommen<\/div>\r\n      <h1>Eraf betekent: er gaat iets weg<\/h1>\r\n      <p>\r\n        Bij eraf sommen kijk je rustig naar wat je had.\r\n        Daarna zie je wat weggaat. Wat overblijft, is je antwoord.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"ifi-tabs\">\r\n      <button class=\"ifi-tab active\" onclick=\"showMinusGame(1)\">\ud83c\udf6a<br><strong>Level 1<\/strong><br>Wat blijft over?<\/button>\r\n      <button class=\"ifi-tab\" onclick=\"showMinusGame(2)\">\ud83d\udc63<br><strong>Level 2<\/strong><br>Stap terug<\/button>\r\n      <button class=\"ifi-tab\" onclick=\"showMinusGame(3)\">\ud83c\udf19<br><strong>Level 3<\/strong><br>Naar rond<\/button>\r\n    <\/div>\r\n\r\n    <!-- LEVEL 1 -->\r\n    <div id=\"minus-game-1\" class=\"ifi-game active\">\r\n      <h2>\ud83c\udf6a Level 1: Wat blijft over?<\/h2>\r\n      <p class=\"ifi-soft\">\r\n        Kijk naar de plaatjes. De lichte plaatjes gaan weg. Wat blijft er nog staan?\r\n      <\/p>\r\n\r\n      <div class=\"ifi-box\">\r\n        <div id=\"minusLevel1Text\" class=\"ifi-big\"><\/div>\r\n        <div id=\"minusLevel1Visual\" class=\"ifi-visual\"><\/div>\r\n\r\n        <p class=\"ifi-soft\">Hoeveel blijven er over?<\/p>\r\n\r\n        <div id=\"minusLevel1Options\" class=\"ifi-options\"><\/div>\r\n\r\n        <div class=\"ifi-actions\">\r\n          <button class=\"ifi-btn\" onclick=\"newMinusLevel1()\">Nieuwe oefening<\/button>\r\n        <\/div>\r\n\r\n        <div id=\"minusLevel1Feedback\" class=\"ifi-feedback\"><\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- LEVEL 2 -->\r\n    <div id=\"minus-game-2\" class=\"ifi-game\">\r\n      <h2>\ud83d\udc63 Level 2: Stap terug<\/h2>\r\n      <p class=\"ifi-soft\">\r\n        Je brein volgt rustig het pad terug. E\u00e9n stap omlaag betekent: er gaat iets af.\r\n      <\/p>\r\n\r\n      <div class=\"ifi-box\">\r\n        <div id=\"minusLevel2Sum\" class=\"ifi-big\"><\/div>\r\n\r\n        <div id=\"minusLevel2Path\" class=\"ifi-path\"><\/div>\r\n\r\n        <p class=\"ifi-soft\">Op welk getal kom je uit?<\/p>\r\n\r\n        <input id=\"minusLevel2Answer\" class=\"ifi-input\" type=\"number\" placeholder=\"?\" \/>\r\n\r\n        <div class=\"ifi-actions\">\r\n          <button class=\"ifi-btn\" onclick=\"checkMinusLevel2()\">Controleer<\/button>\r\n          <button class=\"ifi-btn\" onclick=\"newMinusLevel2()\">Nieuwe stapjes<\/button>\r\n        <\/div>\r\n\r\n        <div id=\"minusLevel2Feedback\" class=\"ifi-feedback\"><\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- LEVEL 3 -->\r\n    <div id=\"minus-game-3\" class=\"ifi-game\">\r\n      <h2>\ud83c\udf19 Level 3: Eerst naar een rustig getal<\/h2>\r\n      <p class=\"ifi-soft\">\r\n        Soms wordt aftrekken makkelijker als je eerst naar een mooi rond getal gaat.\r\n      <\/p>\r\n\r\n      <div class=\"ifi-box\">\r\n        <div id=\"minusLevel3Sum\" class=\"ifi-big\"><\/div>\r\n\r\n        <div class=\"ifi-split-grid\">\r\n          <div class=\"ifi-split-card\">\r\n            <strong id=\"minusLevel3FirstStep\"><\/strong>\r\n            eerst naar rond\r\n          <\/div>\r\n          <div class=\"ifi-split-card\">\r\n            <strong id=\"minusLevel3SecondStep\"><\/strong>\r\n            daarna de rest eraf\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <p class=\"ifi-soft\">Wat blijft er over?<\/p>\r\n\r\n        <input id=\"minusLevel3Answer\" class=\"ifi-input\" type=\"number\" placeholder=\"?\" \/>\r\n\r\n        <div class=\"ifi-actions\">\r\n          <button class=\"ifi-btn\" onclick=\"checkMinusLevel3()\">Controleer<\/button>\r\n          <button class=\"ifi-btn\" onclick=\"newMinusLevel3()\">Nieuwe som<\/button>\r\n        <\/div>\r\n\r\n        <div id=\"minusLevel3Feedback\" 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      Eraf betekent: iets gaat weg. Je hoeft niet te haasten.\r\n      Kijk eerst wat je had, laat daarna los wat weggaat, en voel rustig wat overblijft.\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\nlet minusLevel1Correct = 0;\r\nlet minusLevel2Correct = 0;\r\nlet minusLevel3Correct = 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 minusHappy(){\r\n  const texts = [\r\n    \"Mooi gezien \ud83c\udf38\",\r\n    \"Yes, je zag wat overbleef \ud83d\udc9b\",\r\n    \"Rustig teruggegaan, goed gedaan \ud83c\udf31\",\r\n    \"Knap hoor, je brein volgde het spoor terug \u2728\"\r\n  ];\r\n  return texts[r(0,texts.length-1)];\r\n}\r\n\r\nfunction minusTryAgain(){\r\n  const texts = [\r\n    \"Bijna. Kijk nog eens wat weggaat \ud83d\udc9b\",\r\n    \"Geen haast. Wat blijft er nog staan? \ud83c\udf31\",\r\n    \"Adem rustig. Eerst wat je had, dan wat eraf gaat \ud83e\udde9\"\r\n  ];\r\n  return texts[r(0,texts.length-1)];\r\n}\r\n\r\nfunction showMinusGame(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(\"minus-game-\" + n).classList.add(\"active\");\r\n  document.querySelectorAll(\".ifi-tab\")[n - 1].classList.add(\"active\");\r\n}\r\n\r\nfunction newMinusLevel1(){\r\n  const start = r(5,12);\r\n  const take = r(1,start - 2);\r\n  minusLevel1Correct = start - take;\r\n\r\n  document.getElementById(\"minusLevel1Text\").innerText = start + \" \u2212 \" + take;\r\n\r\n  let html = \"\";\r\n  for(let i = 0; i < start; i++){\r\n    if(i >= start - take){\r\n      html += '<div class=\"ifi-object ifi-gone\">\ud83c\udf6a<\/div>';\r\n    } else {\r\n      html += '<div class=\"ifi-object\">\ud83c\udf6a<\/div>';\r\n    }\r\n  }\r\n\r\n  document.getElementById(\"minusLevel1Visual\").innerHTML = html;\r\n\r\n  let options = [\r\n    minusLevel1Correct,\r\n    minusLevel1Correct + r(1,3),\r\n    Math.max(1,minusLevel1Correct - r(1,3))\r\n  ];\r\n\r\n  options = [...new Set(options)];\r\n\r\n  while(options.length < 3){\r\n    options.push(r(1,12));\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(\"minusLevel1Options\").innerHTML = options.map(function(option){\r\n    return '<button class=\"ifi-option\" onclick=\"checkMinusLevel1(' + option + ')\">' + option + '<\/button>';\r\n  }).join(\"\");\r\n\r\n  document.getElementById(\"minusLevel1Feedback\").innerText = \"\";\r\n}\r\n\r\nfunction checkMinusLevel1(choice){\r\n  document.getElementById(\"minusLevel1Feedback\").innerText =\r\n    choice === minusLevel1Correct ? minusHappy() : minusTryAgain();\r\n}\r\n\r\nfunction newMinusLevel2(){\r\n  const start = r(10,30);\r\n  const take = r(2,6);\r\n  minusLevel2Correct = start - take;\r\n\r\n  document.getElementById(\"minusLevel2Sum\").innerText = start + \" \u2212 \" + take;\r\n\r\n  let html = '<div class=\"ifi-step\">' + start + '<\/div>';\r\n\r\n  for(let i = 1; i <= take; i++){\r\n    html += '<div class=\"ifi-arrow\">\u2192<\/div>';\r\n    html += '<div class=\"ifi-step\">' + (start - i) + '<\/div>';\r\n  }\r\n\r\n  document.getElementById(\"minusLevel2Path\").innerHTML = html;\r\n  document.getElementById(\"minusLevel2Answer\").value = \"\";\r\n  document.getElementById(\"minusLevel2Feedback\").innerText = \"\";\r\n}\r\n\r\nfunction checkMinusLevel2(){\r\n  const answer = Number(document.getElementById(\"minusLevel2Answer\").value);\r\n\r\n  document.getElementById(\"minusLevel2Feedback\").innerText =\r\n    answer === minusLevel2Correct\r\n    ? minusHappy()\r\n    : \"Bijna. Volg het pad rustig terug tot het laatste getal \ud83d\udc9b\";\r\n}\r\n\r\nfunction newMinusLevel3(){\r\n  const start = r(31,89);\r\n  const ones = start % 10;\r\n  const firstStep = ones === 0 ? 10 : ones;\r\n  const extra = r(1,8);\r\n  const take = firstStep + extra;\r\n\r\n  minusLevel3Correct = start - take;\r\n\r\n  document.getElementById(\"minusLevel3Sum\").innerText = start + \" \u2212 \" + take;\r\n\r\n  document.getElementById(\"minusLevel3FirstStep\").innerText =\r\n    start + \" \u2212 \" + firstStep + \" = \" + (start - firstStep);\r\n\r\n  document.getElementById(\"minusLevel3SecondStep\").innerText =\r\n    (start - firstStep) + \" \u2212 \" + extra;\r\n\r\n  document.getElementById(\"minusLevel3Answer\").value = \"\";\r\n  document.getElementById(\"minusLevel3Feedback\").innerText = \"\";\r\n}\r\n\r\nfunction checkMinusLevel3(){\r\n  const answer = Number(document.getElementById(\"minusLevel3Answer\").value);\r\n\r\n  document.getElementById(\"minusLevel3Feedback\").innerText =\r\n    answer === minusLevel3Correct\r\n    ? minusHappy()\r\n    : \"Bijna. Eerst naar rond, daarna de rest eraf \ud83d\udc9b\";\r\n}\r\n\r\nnewMinusLevel1();\r\nnewMinusLevel2();\r\nnewMinusLevel3();\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 \u2796 Eraf sommen Eraf betekent: er gaat iets weg Bij eraf sommen kijk je rustig naar wat je had. Daarna zie je wat weggaat. Wat overblijft, is je antwoord. \ud83c\udf6aLevel 1Wat blijft over? \ud83d\udc63Level 2Stap terug \ud83c\udf19Level 3Naar rond \ud83c\udf6a Level 1: Wat blijft over? Kijk naar de plaatjes. De lichte plaatjes gaan [&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-3154","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/withifi.muhubonurture.nl\/index.php?rest_route=\/wp\/v2\/pages\/3154","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=3154"}],"version-history":[{"count":4,"href":"https:\/\/withifi.muhubonurture.nl\/index.php?rest_route=\/wp\/v2\/pages\/3154\/revisions"}],"predecessor-version":[{"id":3159,"href":"https:\/\/withifi.muhubonurture.nl\/index.php?rest_route=\/wp\/v2\/pages\/3154\/revisions\/3159"}],"wp:attachment":[{"href":"https:\/\/withifi.muhubonurture.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3154"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}