{"id":3145,"date":"2026-06-14T02:32:35","date_gmt":"2026-06-14T02:32:35","guid":{"rendered":"https:\/\/withifi.muhubonurture.nl\/?page_id=3145"},"modified":"2026-06-14T02:50:59","modified_gmt":"2026-06-14T02:50:59","slug":"erbij-sommen","status":"publish","type":"page","link":"https:\/\/withifi.muhubonurture.nl\/?page_id=3145","title":{"rendered":"Erbij sommen"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3145\" class=\"elementor elementor-3145\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cdf757f e-con-full e-flex e-con e-parent\" data-id=\"cdf757f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9cb6b50 elementor-widget elementor-widget-html\" data-id=\"9cb6b50\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n.ifi-plus-page *{box-sizing:border-box;}\r\n\r\n.ifi-plus-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-plus-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-new{\r\n  background:#DFF5E8 !important;\r\n  border-color:#4E9B68 !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-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{\r\n  margin-top:2rem;\r\n}\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-plus-page\">\r\n  <div class=\"ifi-plus-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\">\u2795 Erbij sommen<\/div>\r\n      <h1>Erbij betekent: het groeit<\/h1>\r\n      <p>\r\n        Bij erbij sommen komt er iets bij. Het getal wordt groter.\r\n        We oefenen eerst met kijken, daarna met splitsen, en daarna met zelf rekenen.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"ifi-tabs\">\r\n      <button class=\"ifi-tab active\" onclick=\"showPlusGame(1)\">\ud83c\udf4e<br><strong>Level 1<\/strong><br>Kijken<\/button>\r\n      <button class=\"ifi-tab\" onclick=\"showPlusGame(2)\">\ud83e\uddf1<br><strong>Level 2<\/strong><br>Splitsen<\/button>\r\n      <button class=\"ifi-tab\" onclick=\"showPlusGame(3)\">\u270f\ufe0f<br><strong>Level 3<\/strong><br>Zelf rekenen<\/button>\r\n    <\/div>\r\n\r\n    <!-- LEVEL 1 -->\r\n    <div id=\"plus-game-1\" class=\"ifi-game active\">\r\n      <h2>\ud83c\udf4e Level 1: Wat komt erbij?<\/h2>\r\n      <p class=\"ifi-soft\">\r\n        Kijk naar de plaatjes. De groene plaatjes zijn erbij gekomen.\r\n      <\/p>\r\n\r\n      <div class=\"ifi-box\">\r\n        <div id=\"level1Text\" class=\"ifi-big\"><\/div>\r\n        <div id=\"level1Visual\" class=\"ifi-visual\"><\/div>\r\n\r\n        <p class=\"ifi-soft\">Hoeveel zijn het samen?<\/p>\r\n\r\n        <div id=\"level1Options\" class=\"ifi-options\"><\/div>\r\n\r\n        <div class=\"ifi-actions\">\r\n          <button class=\"ifi-btn\" onclick=\"newPlusLevel1()\">Nieuwe oefening<\/button>\r\n        <\/div>\r\n\r\n        <div id=\"level1Feedback\" class=\"ifi-feedback\"><\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- LEVEL 2 -->\r\n    <div id=\"plus-game-2\" class=\"ifi-game\">\r\n      <h2>\ud83e\uddf1 Level 2: Eerst tientallen, dan eenheden<\/h2>\r\n      <p class=\"ifi-soft\">\r\n        Grote sommen worden rustiger als je ze splitst.\r\n        Kijk eerst naar de tientallen. Daarna naar de eenheden.\r\n      <\/p>\r\n\r\n      <div class=\"ifi-box\">\r\n        <div id=\"level2Sum\" class=\"ifi-big\"><\/div>\r\n\r\n        <div class=\"ifi-split-grid\">\r\n          <div class=\"ifi-split-card\">\r\n            <strong id=\"level2TensText\"><\/strong>\r\n            tientallen samen\r\n          <\/div>\r\n          <div class=\"ifi-split-card\">\r\n            <strong id=\"level2OnesText\"><\/strong>\r\n            eenheden samen\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <p class=\"ifi-soft\">Wat is het antwoord?<\/p>\r\n\r\n        <input id=\"level2Answer\" class=\"ifi-input\" type=\"number\" placeholder=\"?\" \/>\r\n\r\n        <div class=\"ifi-actions\">\r\n          <button class=\"ifi-btn\" onclick=\"checkPlusLevel2()\">Controleer<\/button>\r\n          <button class=\"ifi-btn\" onclick=\"newPlusLevel2()\">Nieuwe som<\/button>\r\n        <\/div>\r\n\r\n        <div id=\"level2Feedback\" class=\"ifi-feedback\"><\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- LEVEL 3 -->\r\n    <div id=\"plus-game-3\" class=\"ifi-game\">\r\n      <h2>\u270f\ufe0f Level 3: Zelf oplossen<\/h2>\r\n      <p class=\"ifi-soft\">\r\n        Nu mag je zelf rustig rekenen. Denk: wat komt erbij? Wordt het meer?\r\n      <\/p>\r\n\r\n      <div class=\"ifi-box\">\r\n        <div id=\"level3Sum\" class=\"ifi-big\"><\/div>\r\n\r\n        <input id=\"level3Answer\" class=\"ifi-input\" type=\"number\" placeholder=\"?\" \/>\r\n\r\n        <div class=\"ifi-actions\">\r\n          <button class=\"ifi-btn\" onclick=\"checkPlusLevel3()\">Controleer<\/button>\r\n          <button class=\"ifi-btn\" onclick=\"newPlusLevel3()\">Nieuwe som<\/button>\r\n        <\/div>\r\n\r\n        <div id=\"level3Feedback\" 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      Erbij betekent dat het getal groeit. Eerst kijk je wat je al hebt.\r\n      Daarna kijk je wat erbij komt. Samen wordt het meer.\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\nlet plusLevel1Correct = 0;\r\nlet plusLevel2Correct = 0;\r\nlet plusLevel3Correct = 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 happy(){\r\n  const texts = [\r\n    \"Mooi gedaan \ud83c\udf38\",\r\n    \"Yes, het getal is gegroeid \ud83d\udc9b\",\r\n    \"Rustig gekeken, goed gedaan \ud83c\udf31\",\r\n    \"Knap hoor, je zag wat erbij kwam \u2728\"\r\n  ];\r\n  return texts[r(0,texts.length-1)];\r\n}\r\n\r\nfunction tryAgain(){\r\n  const texts = [\r\n    \"Bijna. Kijk nog eens rustig wat erbij komt \ud83d\udc9b\",\r\n    \"Geen haast. Tel eerst wat je had, daarna wat erbij komt \ud83c\udf31\",\r\n    \"Je bent aan het leren. Probeer het nog eens zachtjes \ud83e\udde9\"\r\n  ];\r\n  return texts[r(0,texts.length-1)];\r\n}\r\n\r\nfunction showPlusGame(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(\"plus-game-\" + n).classList.add(\"active\");\r\n  document.querySelectorAll(\".ifi-tab\")[n - 1].classList.add(\"active\");\r\n}\r\n\r\nfunction newPlusLevel1(){\r\n  const start = r(2,7);\r\n  const add = r(1,5);\r\n  plusLevel1Correct = start + add;\r\n\r\n  document.getElementById(\"level1Text\").innerText = start + \" + \" + add;\r\n\r\n  let html = \"\";\r\n  for(let i = 0; i < start; i++){\r\n    html += '<div class=\"ifi-object\">\ud83c\udf4e<\/div>';\r\n  }\r\n  for(let i = 0; i < add; i++){\r\n    html += '<div class=\"ifi-object ifi-new\">\ud83c\udf4f<\/div>';\r\n  }\r\n\r\n  document.getElementById(\"level1Visual\").innerHTML = html;\r\n\r\n  let options = [\r\n    plusLevel1Correct,\r\n    plusLevel1Correct + r(1,3),\r\n    Math.max(1,plusLevel1Correct - r(1,3))\r\n  ];\r\n\r\n  options = [...new Set(options)];\r\n  while(options.length < 3){\r\n    options.push(r(2,15));\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(\"level1Options\").innerHTML = options.map(function(option){\r\n    return '<button class=\"ifi-option\" onclick=\"checkPlusLevel1(' + option + ')\">' + option + '<\/button>';\r\n  }).join(\"\");\r\n\r\n  document.getElementById(\"level1Feedback\").innerText = \"\";\r\n}\r\n\r\nfunction checkPlusLevel1(choice){\r\n  document.getElementById(\"level1Feedback\").innerText =\r\n    choice === plusLevel1Correct ? happy() : tryAgain();\r\n}\r\n\r\nfunction newPlusLevel2(){\r\n  const aTens = r(1,7) * 10;\r\n  const bTens = r(1,2) * 10;\r\n  const aOnes = r(1,8);\r\n  const bOnes = r(1,8);\r\n\r\n  const a = aTens + aOnes;\r\n  const b = bTens + bOnes;\r\n\r\n  plusLevel2Correct = a + b;\r\n\r\n  document.getElementById(\"level2Sum\").innerText = a + \" + \" + b;\r\n\r\n  document.getElementById(\"level2TensText\").innerText = aTens + \" + \" + bTens;\r\n  document.getElementById(\"level2OnesText\").innerText = aOnes + \" + \" + bOnes;\r\n\r\n  document.getElementById(\"level2Answer\").value = \"\";\r\n  document.getElementById(\"level2Feedback\").innerText = \"\";\r\n}\r\n\r\nfunction checkPlusLevel2(){\r\n  const answer = Number(document.getElementById(\"level2Answer\").value);\r\n\r\n  document.getElementById(\"level2Feedback\").innerText =\r\n    answer === plusLevel2Correct\r\n    ? happy()\r\n    : \"Bijna. Tel eerst de tientallen, daarna de eenheden \ud83d\udc9b\";\r\n}\r\n\r\nfunction newPlusLevel3(){\r\n  const a = r(10,89);\r\n  const b = r(2,29);\r\n\r\n  plusLevel3Correct = a + b;\r\n\r\n  document.getElementById(\"level3Sum\").innerText = a + \" + \" + b;\r\n  document.getElementById(\"level3Answer\").value = \"\";\r\n  document.getElementById(\"level3Feedback\").innerText = \"\";\r\n}\r\n\r\nfunction checkPlusLevel3(){\r\n  const answer = Number(document.getElementById(\"level3Answer\").value);\r\n\r\n  document.getElementById(\"level3Feedback\").innerText =\r\n    answer === plusLevel3Correct ? happy() : tryAgain();\r\n}\r\n\r\nnewPlusLevel1();\r\nnewPlusLevel2();\r\nnewPlusLevel3();\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 \u2795 Erbij sommen Erbij betekent: het groeit Bij erbij sommen komt er iets bij. Het getal wordt groter. We oefenen eerst met kijken, daarna met splitsen, en daarna met zelf rekenen. \ud83c\udf4eLevel 1Kijken \ud83e\uddf1Level 2Splitsen \u270f\ufe0fLevel 3Zelf rekenen \ud83c\udf4e Level 1: Wat komt erbij? Kijk naar de plaatjes. De groene plaatjes zijn erbij [&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-3145","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/withifi.muhubonurture.nl\/index.php?rest_route=\/wp\/v2\/pages\/3145","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=3145"}],"version-history":[{"count":7,"href":"https:\/\/withifi.muhubonurture.nl\/index.php?rest_route=\/wp\/v2\/pages\/3145\/revisions"}],"predecessor-version":[{"id":3162,"href":"https:\/\/withifi.muhubonurture.nl\/index.php?rest_route=\/wp\/v2\/pages\/3145\/revisions\/3162"}],"wp:attachment":[{"href":"https:\/\/withifi.muhubonurture.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3145"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}