{"id":3185,"date":"2026-06-14T03:06:16","date_gmt":"2026-06-14T03:06:16","guid":{"rendered":"https:\/\/withifi.muhubonurture.nl\/?page_id=3185"},"modified":"2026-06-14T03:07:59","modified_gmt":"2026-06-14T03:07:59","slug":"sommen-onderelkaar","status":"publish","type":"page","link":"https:\/\/withifi.muhubonurture.nl\/?page_id=3185","title":{"rendered":"Sommen onderelkaar"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3185\" class=\"elementor elementor-3185\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-47033e5 e-con-full e-flex e-con e-parent\" data-id=\"47033e5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d5c4e15 elementor-widget elementor-widget-html\" data-id=\"d5c4e15\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n.ifi-column-page *{box-sizing:border-box;}\r\n\r\n.ifi-column-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-column-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}\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}\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-column-sum{\r\n  display:inline-block;\r\n  background:#fff !important;\r\n  border:3px solid #7CB8E4 !important;\r\n  border-radius:28px;\r\n  padding:1.6rem 2rem;\r\n  margin:1.3rem auto;\r\n  font-size:clamp(34px,6vw,64px);\r\n  font-weight:950;\r\n  color:#1F2A3D !important;\r\n  line-height:1.25;\r\n  text-align:right;\r\n  min-width:230px;\r\n}\r\n\r\n.ifi-line{\r\n  border-top:6px solid #1F2A3D;\r\n  margin-top:.4rem;\r\n  padding-top:.6rem;\r\n}\r\n\r\n.ifi-place-row{\r\n  display:grid;\r\n  grid-template-columns:1fr 1fr;\r\n  gap:1rem;\r\n  max-width:720px;\r\n  margin:1.4rem auto;\r\n}\r\n\r\n.ifi-place-card{\r\n  background:#fff !important;\r\n  border:3px solid #7CB8E4 !important;\r\n  border-radius:26px;\r\n  padding:1.3rem;\r\n  font-weight:950;\r\n  color:#1F2A3D !important;\r\n}\r\n\r\n.ifi-place-card strong{\r\n  display:block;\r\n  font-size:2rem;\r\n  margin-bottom:.4rem;\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}\r\n\r\n.ifi-option{\r\n  border-radius:24px;\r\n  font-size:1.45rem !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-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-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-note{margin-top:2rem;}\r\n\r\n@media(max-width:800px){\r\n  .ifi-tabs,.ifi-options,.ifi-place-row{\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-column-page\">\r\n  <div class=\"ifi-column-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\">\ud83d\udcd0 Sommen onder elkaar<\/div>\r\n      <h1>Sommen netjes onder elkaar<\/h1>\r\n      <p>\r\n        Bij sommen onder elkaar zet je cijfers op hun eigen plek.\r\n        Eenheden staan onder eenheden. Tientallen onder tientallen.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"ifi-tabs\">\r\n      <button class=\"ifi-tab active\" onclick=\"showColumnGame(1)\">\ud83d\udc40<br><strong>Level 1<\/strong><br>Rechts en links<\/button>\r\n      <button class=\"ifi-tab\" onclick=\"showColumnGame(2)\">\ud83e\uddf1<br><strong>Level 2<\/strong><br>Stap voor stap<\/button>\r\n      <button class=\"ifi-tab\" onclick=\"showColumnGame(3)\">\u270f\ufe0f<br><strong>Level 3<\/strong><br>Zelf oplossen<\/button>\r\n    <\/div>\r\n\r\n    <div id=\"column-game-1\" class=\"ifi-game active\">\r\n      <h2>\ud83d\udc40 Level 1: Eerst rechts, dan links<\/h2>\r\n      <p class=\"ifi-soft\">Kijk naar de som. Welke cijfers reken je eerst uit?<\/p>\r\n\r\n      <div class=\"ifi-box\">\r\n        <div id=\"columnLevel1Sum\" class=\"ifi-column-sum\"><\/div>\r\n\r\n        <div id=\"columnLevel1Options\" class=\"ifi-options\"><\/div>\r\n\r\n        <div class=\"ifi-actions\">\r\n          <button class=\"ifi-btn\" onclick=\"newColumnLevel1()\">Nieuwe som<\/button>\r\n        <\/div>\r\n\r\n        <div id=\"columnLevel1Feedback\" class=\"ifi-feedback\"><\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div id=\"column-game-2\" class=\"ifi-game\">\r\n      <h2>\ud83e\uddf1 Level 2: Eerst eenheden, daarna tientallen<\/h2>\r\n      <p class=\"ifi-soft\">We breken de som rustig in twee kleine stukjes.<\/p>\r\n\r\n      <div class=\"ifi-box\">\r\n        <div id=\"columnLevel2Sum\" class=\"ifi-column-sum\"><\/div>\r\n\r\n        <div class=\"ifi-place-row\">\r\n          <div class=\"ifi-place-card\">\r\n            <strong id=\"columnLevel2Ones\"><\/strong>\r\n            eenheden samen\r\n          <\/div>\r\n          <div class=\"ifi-place-card\">\r\n            <strong id=\"columnLevel2Tens\"><\/strong>\r\n            tientallen 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=\"columnLevel2Answer\" class=\"ifi-input\" type=\"number\" placeholder=\"?\" \/>\r\n\r\n        <div class=\"ifi-actions\">\r\n          <button class=\"ifi-btn\" onclick=\"checkColumnLevel2()\">Controleer<\/button>\r\n          <button class=\"ifi-btn\" onclick=\"newColumnLevel2()\">Nieuwe som<\/button>\r\n        <\/div>\r\n\r\n        <div id=\"columnLevel2Feedback\" class=\"ifi-feedback\"><\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div id=\"column-game-3\" class=\"ifi-game\">\r\n      <h2>\u270f\ufe0f Level 3: Zelf onder elkaar oplossen<\/h2>\r\n      <p class=\"ifi-soft\">Kijk rustig. Rechts beginnen. Daarna links.<\/p>\r\n\r\n      <div class=\"ifi-box\">\r\n        <div id=\"columnLevel3Sum\" class=\"ifi-column-sum\"><\/div>\r\n\r\n        <input id=\"columnLevel3Answer\" class=\"ifi-input\" type=\"number\" placeholder=\"?\" \/>\r\n\r\n        <div class=\"ifi-actions\">\r\n          <button class=\"ifi-btn\" onclick=\"checkColumnLevel3()\">Controleer<\/button>\r\n          <button class=\"ifi-btn\" onclick=\"newColumnLevel3()\">Nieuwe som<\/button>\r\n        <\/div>\r\n\r\n        <div id=\"columnLevel3Feedback\" 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      Bij sommen onder elkaar begin je rechts. Eerst de eenheden.\r\n      Daarna ga je naar links, naar de tientallen. E\u00e9n stap tegelijk.\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\nlet columnLevel1Correct = \"\";\r\nlet columnLevel2Correct = 0;\r\nlet columnLevel3Correct = 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 columnHappy(){\r\n  const texts = [\r\n    \"Mooi gedaan \ud83c\udf38\",\r\n    \"Yes, eerst rechts en dan links \ud83d\udc9b\",\r\n    \"Rustig gekeken, goed gedaan \ud83c\udf31\",\r\n    \"Knap hoor, je zette alles netjes op zijn plek \u2728\"\r\n  ];\r\n  return texts[r(0,texts.length-1)];\r\n}\r\n\r\nfunction columnTryAgain(){\r\n  const texts = [\r\n    \"Bijna. Kijk nog eens naar rechts \ud83d\udc9b\",\r\n    \"Geen haast. Eerst de eenheden \ud83c\udf31\",\r\n    \"Rechts beginnen, daarna links \ud83e\udde9\"\r\n  ];\r\n  return texts[r(0,texts.length-1)];\r\n}\r\n\r\nfunction showColumnGame(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(\"column-game-\" + n).classList.add(\"active\");\r\n  document.querySelectorAll(\".ifi-tab\")[n - 1].classList.add(\"active\");\r\n}\r\n\r\nfunction makeColumnSum(a,b,sign){\r\n  return a + \"<br>\" + b + \" \" + sign + \"<div class='ifi-line'><\/div>\";\r\n}\r\n\r\nfunction newColumnLevel1(){\r\n  const a = r(20,89);\r\n  const b = r(10,49);\r\n\r\n  columnLevel1Correct = \"eenheden\";\r\n\r\n  document.getElementById(\"columnLevel1Sum\").innerHTML = makeColumnSum(a,b,\"+\");\r\n\r\n  const options = [\"eenheden\", \"tientallen\", \"honderdtallen\"];\r\n\r\n  document.getElementById(\"columnLevel1Options\").innerHTML = options.map(function(option){\r\n    return '<button class=\"ifi-option\" onclick=\"checkColumnLevel1(\\'' + option + '\\')\">' + option + '<\/button>';\r\n  }).join(\"\");\r\n\r\n  document.getElementById(\"columnLevel1Feedback\").innerText = \"\";\r\n}\r\n\r\nfunction checkColumnLevel1(choice){\r\n  document.getElementById(\"columnLevel1Feedback\").innerText =\r\n    choice === columnLevel1Correct ? columnHappy() : columnTryAgain();\r\n}\r\n\r\nfunction newColumnLevel2(){\r\n  const a = r(20,79);\r\n  const b = r(10,19);\r\n\r\n  columnLevel2Correct = a + b;\r\n\r\n  const aOnes = a % 10;\r\n  const bOnes = b % 10;\r\n  const aTens = Math.floor(a \/ 10) * 10;\r\n  const bTens = Math.floor(b \/ 10) * 10;\r\n\r\n  document.getElementById(\"columnLevel2Sum\").innerHTML = makeColumnSum(a,b,\"+\");\r\n  document.getElementById(\"columnLevel2Ones\").innerText = aOnes + \" + \" + bOnes;\r\n  document.getElementById(\"columnLevel2Tens\").innerText = aTens + \" + \" + bTens;\r\n\r\n  document.getElementById(\"columnLevel2Answer\").value = \"\";\r\n  document.getElementById(\"columnLevel2Feedback\").innerText = \"\";\r\n}\r\n\r\nfunction checkColumnLevel2(){\r\n  const answer = Number(document.getElementById(\"columnLevel2Answer\").value);\r\n\r\n  document.getElementById(\"columnLevel2Feedback\").innerText =\r\n    answer === columnLevel2Correct\r\n    ? columnHappy()\r\n    : \"Bijna. Tel eerst rechts, daarna links \ud83d\udc9b\";\r\n}\r\n\r\nfunction newColumnLevel3(){\r\n  const a = r(20,89);\r\n  const b = r(10,49);\r\n\r\n  columnLevel3Correct = a + b;\r\n\r\n  document.getElementById(\"columnLevel3Sum\").innerHTML = makeColumnSum(a,b,\"+\");\r\n  document.getElementById(\"columnLevel3Answer\").value = \"\";\r\n  document.getElementById(\"columnLevel3Feedback\").innerText = \"\";\r\n}\r\n\r\nfunction checkColumnLevel3(){\r\n  const answer = Number(document.getElementById(\"columnLevel3Answer\").value);\r\n\r\n  document.getElementById(\"columnLevel3Feedback\").innerText =\r\n    answer === columnLevel3Correct ? columnHappy() : columnTryAgain();\r\n}\r\n\r\nnewColumnLevel1();\r\nnewColumnLevel2();\r\nnewColumnLevel3();\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 \ud83d\udcd0 Sommen onder elkaar Sommen netjes onder elkaar Bij sommen onder elkaar zet je cijfers op hun eigen plek. Eenheden staan onder eenheden. Tientallen onder tientallen. \ud83d\udc40Level 1Rechts en links \ud83e\uddf1Level 2Stap voor stap \u270f\ufe0fLevel 3Zelf oplossen \ud83d\udc40 Level 1: Eerst rechts, dan links Kijk naar de som. Welke cijfers reken je eerst [&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-3185","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/withifi.muhubonurture.nl\/index.php?rest_route=\/wp\/v2\/pages\/3185","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=3185"}],"version-history":[{"count":4,"href":"https:\/\/withifi.muhubonurture.nl\/index.php?rest_route=\/wp\/v2\/pages\/3185\/revisions"}],"predecessor-version":[{"id":3190,"href":"https:\/\/withifi.muhubonurture.nl\/index.php?rest_route=\/wp\/v2\/pages\/3185\/revisions\/3190"}],"wp:attachment":[{"href":"https:\/\/withifi.muhubonurture.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3185"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}