{"id":3206,"date":"2026-06-14T05:12:24","date_gmt":"2026-06-14T05:12:24","guid":{"rendered":"https:\/\/withifi.muhubonurture.nl\/?p=3206"},"modified":"2026-06-14T05:39:44","modified_gmt":"2026-06-14T05:39:44","slug":"staartdeling","status":"publish","type":"post","link":"https:\/\/withifi.muhubonurture.nl\/?p=3206","title":{"rendered":"Staartdeling"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"3206\" class=\"elementor elementor-3206\" data-elementor-post-type=\"post\">\n\t\t\t\t<div class=\"elementor-element elementor-element-badda63 e-con-full e-flex e-con e-parent\" data-id=\"badda63\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-043784b elementor-widget elementor-widget-html\" data-id=\"043784b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n.ifi-long-page *{box-sizing:border-box;}\r\n\r\n.ifi-long-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-long-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{background:#DDEFFF !important;}\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(40px,7vw,76px);\r\n  font-weight:950;\r\n  color:#1F2A3D !important;\r\n  line-height:1.15;\r\n  margin:1rem 0;\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.25rem !important;\r\n  padding:1.2rem !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{background:#DDEFFF !important;}\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.25rem;\r\n  font-weight:950;\r\n  color:#1D6845 !important;\r\n  line-height:1.7;\r\n}\r\n\r\n.ifi-groups{\r\n  display:flex;\r\n  flex-direction:column;\r\n  align-items:center;\r\n  gap:.8rem;\r\n  margin:1.5rem 0;\r\n}\r\n\r\n.ifi-group{\r\n  background:#fff !important;\r\n  border:3px solid #7CB8E4 !important;\r\n  border-radius:24px;\r\n  padding:.9rem 1.2rem;\r\n  font-size:1.7rem;\r\n  min-width:220px;\r\n  color:#1F2A3D !important;\r\n}\r\n\r\n.ifi-step-list{\r\n  display:grid;\r\n  gap:1rem;\r\n  margin:1.5rem auto;\r\n  max-width:760px;\r\n}\r\n\r\n.ifi-step-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  color:#1F2A3D !important;\r\n  font-weight:950;\r\n  font-size:1.2rem;\r\n  line-height:1.6;\r\n}\r\n\r\n.ifi-work-grid{\r\n  display:grid;\r\n  grid-template-columns:1.05fr .95fr;\r\n  gap:1.2rem;\r\n  margin-top:1.6rem;\r\n  align-items:start;\r\n}\r\n\r\n.ifi-long-figure,.ifi-notes-box{\r\n  background:#fff !important;\r\n  border:3px solid #7CB8E4 !important;\r\n  border-radius:28px;\r\n  padding:1.6rem;\r\n  text-align:left;\r\n}\r\n\r\n.ifi-answer-drop{\r\n  width:170px;\r\n  min-height:58px;\r\n  margin:0 auto .7rem;\r\n  border:3px dashed #7CB8E4 !important;\r\n  border-radius:18px;\r\n  background:#EEF7FE !important;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  font-size:1.6rem;\r\n  font-weight:950;\r\n  color:#1F4E73 !important;\r\n}\r\n\r\n.ifi-answer-choice-row{\r\n  display:flex;\r\n  justify-content:center;\r\n  gap:.7rem;\r\n  flex-wrap:wrap;\r\n  margin-bottom:1rem;\r\n}\r\n\r\n.ifi-drag-number{\r\n  width:58px;\r\n  height:52px;\r\n  border-radius:16px;\r\n  border:3px solid #7CB8E4 !important;\r\n  background:#fff !important;\r\n  color:#1F2A3D !important;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  font-size:1.5rem;\r\n  font-weight:950;\r\n  cursor:grab;\r\n  user-select:none;\r\n}\r\n\r\n.ifi-drag-number:active{cursor:grabbing;}\r\n\r\n.ifi-division-shape{\r\n  display:grid;\r\n  grid-template-columns:auto 1fr;\r\n  align-items:start;\r\n  max-width:360px;\r\n  margin:0 auto 1.4rem;\r\n  font-size:2.4rem;\r\n  font-weight:950;\r\n  color:#1F2A3D !important;\r\n}\r\n\r\n.ifi-divisor{\r\n  padding:1rem .8rem 0 0;\r\n}\r\n\r\n.ifi-inside{\r\n  border-left:5px solid #1F2A3D;\r\n  border-top:5px solid #1F2A3D;\r\n  padding:1rem 0 0 1rem;\r\n  min-height:86px;\r\n}\r\n\r\n.ifi-work-lines{\r\n  display:grid;\r\n  gap:1rem;\r\n  margin-top:1rem;\r\n}\r\n\r\n.ifi-calc-line{\r\n  background:#EEF7FE !important;\r\n  border:3px solid #7CB8E4 !important;\r\n  border-radius:22px;\r\n  padding:1rem;\r\n}\r\n\r\n.ifi-calc-title{\r\n  font-weight:950;\r\n  color:#263F59 !important;\r\n  margin-bottom:.7rem;\r\n}\r\n\r\n.ifi-calc-row{\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  gap:.5rem;\r\n  flex-wrap:wrap;\r\n  font-size:1.5rem;\r\n  font-weight:950;\r\n  color:#1F2A3D !important;\r\n}\r\n\r\n.ifi-mini-input{\r\n  width:76px;\r\n  height:54px;\r\n  border:3px solid #7CB8E4 !important;\r\n  border-radius:16px;\r\n  background:#fff !important;\r\n  color:#1F2A3D !important;\r\n  text-align:center;\r\n  font-size:1.45rem;\r\n  font-weight:950;\r\n  outline:none;\r\n}\r\n\r\n.ifi-notes{\r\n  width:100%;\r\n  min-height:310px;\r\n  border:3px solid #7CB8E4 !important;\r\n  border-radius:24px;\r\n  background:#fff !important;\r\n  color:#1F2A3D !important;\r\n  padding:1.2rem;\r\n  font-size:1.05rem;\r\n  font-weight:800;\r\n  line-height:1.7;\r\n  resize:vertical;\r\n  outline:none;\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,.ifi-notes::placeholder,.ifi-mini-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-work-grid{grid-template-columns:1fr;}\r\n  .ifi-hero,.ifi-game,.ifi-note{padding:1.6rem;}\r\n  .ifi-box{padding:1.4rem;}\r\n}\r\n<\/style>\r\n\r\n<section class=\"ifi-long-page\">\r\n  <div class=\"ifi-long-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\">\ud83c\udf3f Staartdeling<\/div>\r\n      <h1>Staartdeling stap voor stap<\/h1>\r\n      <p>\r\n        Een staartdeling lijkt groot, maar bestaat uit kleine rustige stappen:\r\n        kijken, delen, vermenigvuldigen, aftrekken en zakken.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"ifi-tabs\">\r\n      <button class=\"ifi-tab active\" onclick=\"showLongGame(1)\">\ud83c\udf6a<br><strong>Level 1<\/strong><br>Groepjes maken<\/button>\r\n      <button class=\"ifi-tab\" onclick=\"showLongGame(2)\">\ud83e\ude9c<br><strong>Level 2<\/strong><br>Volgende stap<\/button>\r\n      <button class=\"ifi-tab\" onclick=\"showLongGame(3)\">\ud83c\udf33<br><strong>Level 3<\/strong><br>Zelf werken<\/button>\r\n    <\/div>\r\n\r\n    <div id=\"long-game-1\" class=\"ifi-game active\">\r\n      <h2>\ud83c\udf6a Level 1: Hoeveel groepjes passen?<\/h2>\r\n      <p class=\"ifi-soft\">Kijk naar het aantal koekjes. Maak groepjes die even groot zijn.<\/p>\r\n\r\n      <div class=\"ifi-box\">\r\n        <div id=\"longLevel1Text\" class=\"ifi-big\"><\/div>\r\n        <div id=\"longLevel1Groups\" class=\"ifi-groups\"><\/div>\r\n\r\n        <p class=\"ifi-soft\">Hoeveel groepjes kun je maken?<\/p>\r\n        <div id=\"longLevel1Options\" class=\"ifi-options\"><\/div>\r\n\r\n        <div class=\"ifi-actions\">\r\n          <button class=\"ifi-btn\" onclick=\"newLongLevel1()\">Nieuwe oefening<\/button>\r\n        <\/div>\r\n\r\n        <div id=\"longLevel1Feedback\" class=\"ifi-feedback\"><\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div id=\"long-game-2\" class=\"ifi-game\">\r\n      <h2>\ud83e\ude9c Level 2: Wat is de volgende stap?<\/h2>\r\n      <p class=\"ifi-soft\">\r\n        Ifi laat een stap zien. Kies wat een kind daarna rustig zou doen.\r\n      <\/p>\r\n\r\n      <div class=\"ifi-box\">\r\n        <div id=\"longLevel2Text\" class=\"ifi-big\"><\/div>\r\n\r\n        <div class=\"ifi-step-list\">\r\n          <div class=\"ifi-step-card\" id=\"longLevel2Story\"><\/div>\r\n        <\/div>\r\n\r\n        <p class=\"ifi-soft\">Welke stap komt nu?<\/p>\r\n        <div id=\"longLevel2Options\" class=\"ifi-options\"><\/div>\r\n\r\n        <div class=\"ifi-actions\">\r\n          <button class=\"ifi-btn\" onclick=\"newLongLevel2()\">Nieuwe stap<\/button>\r\n        <\/div>\r\n\r\n        <div id=\"longLevel2Feedback\" class=\"ifi-feedback\"><\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div id=\"long-game-3\" class=\"ifi-game\">\r\n      <h2>\ud83c\udf33 Level 3: Maak je eigen mini-staartdeling<\/h2>\r\n      <p class=\"ifi-soft\">\r\n        Sleep het antwoord naar boven. Vul daarna zelf de stappen in.\r\n      <\/p>\r\n\r\n      <div class=\"ifi-box\">\r\n        <div id=\"longLevel3Text\" class=\"ifi-big\"><\/div>\r\n\r\n        <div class=\"ifi-work-grid\">\r\n\r\n          <div class=\"ifi-long-figure\">\r\n\r\n            <div id=\"answerDrop\" class=\"ifi-answer-drop\" ondragover=\"allowLongDrop(event)\" ondrop=\"dropLongAnswer(event)\">\r\n              antwoord\r\n            <\/div>\r\n\r\n            <div id=\"answerChoices\" class=\"ifi-answer-choice-row\"><\/div>\r\n\r\n            <div class=\"ifi-division-shape\">\r\n              <div id=\"longLevel3Divisor\" class=\"ifi-divisor\"><\/div>\r\n              <div id=\"longLevel3Inside\" class=\"ifi-inside\"><\/div>\r\n            <\/div>\r\n\r\n            <div class=\"ifi-work-lines\">\r\n\r\n              <div class=\"ifi-calc-line\">\r\n                <div class=\"ifi-calc-title\">Stap 1: hoeveel past erin?<\/div>\r\n                <div class=\"ifi-calc-row\">\r\n                  <input id=\"fitInput\" class=\"ifi-mini-input\" type=\"number\" placeholder=\"?\" \/>\r\n                  <span>past erin<\/span>\r\n                <\/div>\r\n              <\/div>\r\n\r\n              <div class=\"ifi-calc-line\">\r\n                <div class=\"ifi-calc-title\">Stap 2: vermenigvuldig<\/div>\r\n                <div class=\"ifi-calc-row\">\r\n                  <input id=\"multiplyInput1\" class=\"ifi-mini-input\" type=\"number\" placeholder=\"?\" \/>\r\n                  <span>\u00d7<\/span>\r\n                  <input id=\"multiplyInput2\" class=\"ifi-mini-input\" type=\"number\" placeholder=\"?\" \/>\r\n                  <span>=<\/span>\r\n                  <input id=\"multiplyResult\" class=\"ifi-mini-input\" type=\"number\" placeholder=\"?\" \/>\r\n                <\/div>\r\n              <\/div>\r\n\r\n              <div class=\"ifi-calc-line\">\r\n                <div class=\"ifi-calc-title\">Stap 3: trek af<\/div>\r\n                <div class=\"ifi-calc-row\">\r\n                  <input id=\"subtractInput1\" class=\"ifi-mini-input\" type=\"number\" placeholder=\"?\" \/>\r\n                  <span>\u2212<\/span>\r\n                  <input id=\"subtractInput2\" class=\"ifi-mini-input\" type=\"number\" placeholder=\"?\" \/>\r\n                  <span>=<\/span>\r\n                  <input id=\"subtractResult\" class=\"ifi-mini-input\" type=\"number\" placeholder=\"?\" \/>\r\n                <\/div>\r\n              <\/div>\r\n\r\n              <div class=\"ifi-calc-line\">\r\n                <div class=\"ifi-calc-title\">Stap 4: wat blijft over?<\/div>\r\n                <div class=\"ifi-calc-row\">\r\n                  <input id=\"remainderInput\" class=\"ifi-mini-input\" type=\"number\" placeholder=\"?\" \/>\r\n                  <span>blijft over<\/span>\r\n                <\/div>\r\n              <\/div>\r\n\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"ifi-notes-box\">\r\n            <textarea id=\"longLevel3Notes\" class=\"ifi-notes\" placeholder=\"Mijn aantekeningen:\r\nIk kijk eerst hoeveel keer het getal erin past.\r\nDan vermenigvuldig ik.\r\nDan trek ik af.\r\nDan kijk ik wat overblijft.\"><\/textarea>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n        <p class=\"ifi-soft\">Wat is het antwoord?<\/p>\r\n        <input id=\"longLevel3Answer\" class=\"ifi-input\" type=\"number\" placeholder=\"?\" \/>\r\n\r\n        <div class=\"ifi-actions\">\r\n          <button class=\"ifi-btn\" onclick=\"checkLongLevel3()\">Controleer<\/button>\r\n          <button class=\"ifi-btn\" onclick=\"newLongLevel3()\">Nieuwe mini-staartdeling<\/button>\r\n        <\/div>\r\n\r\n        <div id=\"longLevel3Feedback\" 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      Een staartdeling is geen grote som. Het zijn kleine stapjes achter elkaar:\r\n      kijken, delen, vermenigvuldigen, aftrekken. E\u00e9n stap tegelijk.\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\nlet longLevel1Correct = 0;\r\nlet longLevel2Correct = \"\";\r\nlet longLevel3Correct = 0;\r\nlet longLevel3Total = 0;\r\nlet longLevel3Divisor = 0;\r\nlet draggedLongAnswer = null;\r\n\r\nfunction r(min,max){\r\n  return Math.floor(Math.random()*(max-min+1))+min;\r\n}\r\n\r\nfunction longTryAgain(){\r\n  const texts = [\r\n    \"Bijna. Kijk nog eens rustig \ud83d\udc9b\",\r\n    \"Geen haast. E\u00e9n stap per keer \ud83c\udf31\",\r\n    \"Je hoeft niet alles tegelijk te doen \ud83e\udde9\"\r\n  ];\r\n  return texts[r(0,texts.length-1)];\r\n}\r\n\r\nfunction showLongGame(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(\"long-game-\" + n).classList.add(\"active\");\r\n  document.querySelectorAll(\".ifi-tab\")[n - 1].classList.add(\"active\");\r\n}\r\n\r\nfunction newLongLevel1(){\r\n  const perGroup = r(2,6);\r\n  const groups = r(2,6);\r\n  const total = perGroup * groups;\r\n\r\n  longLevel1Correct = groups;\r\n\r\n  document.getElementById(\"longLevel1Text\").innerText =\r\n    total + \" koekjes, \" + perGroup + \" per groepje\";\r\n\r\n  let html = \"\";\r\n  for(let i = 0; i < groups; i++){\r\n    html += '<div class=\"ifi-group\">' + \"\ud83c\udf6a\".repeat(perGroup) + '<\/div>';\r\n  }\r\n\r\n  document.getElementById(\"longLevel1Groups\").innerHTML = html;\r\n\r\n  let options = [groups, groups + r(1,2), Math.max(1,groups - 1)];\r\n  options = [...new Set(options)];\r\n\r\n  while(options.length < 3){\r\n    options.push(r(2,8));\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(\"longLevel1Options\").innerHTML = options.map(function(option){\r\n    return '<button class=\"ifi-option\" onclick=\"checkLongLevel1(' + option + ')\">' + option + ' groepjes<\/button>';\r\n  }).join(\"\");\r\n\r\n  document.getElementById(\"longLevel1Feedback\").innerText = \"\";\r\n}\r\n\r\nfunction checkLongLevel1(choice){\r\n  document.getElementById(\"longLevel1Feedback\").innerText =\r\n    choice === longLevel1Correct\r\n    ? \"Yes \ud83c\udf38 \" + longLevel1Correct + \" groepjes passen precies.\"\r\n    : longTryAgain();\r\n}\r\n\r\nfunction newLongLevel2(){\r\n  const divisor = r(2,6);\r\n  const answer = r(2,9);\r\n  const total = divisor * answer;\r\n  const scenario = r(1,3);\r\n\r\n  document.getElementById(\"longLevel2Text\").innerText = total + \" \u00f7 \" + divisor;\r\n\r\n  let options = [];\r\n\r\n  if(scenario === 1){\r\n    longLevel2Correct = \"delen\";\r\n    document.getElementById(\"longLevel2Story\").innerHTML =\r\n      \"Stap 1: Ik kijk naar \" + total + \" \u00f7 \" + divisor + \".<br>\" +\r\n      \"Ik vraag mezelf: hoeveel groepjes van \" + divisor + \" passen in \" + total + \"?\";\r\n    options = [\r\n      {label:\"Ik kies hoeveel groepjes passen\", value:\"delen\"},\r\n      {label:\"Ik schrijf zomaar een getal op\", value:\"gokken\"},\r\n      {label:\"Ik stop met rekenen\", value:\"stop\"}\r\n    ];\r\n  }\r\n\r\n  if(scenario === 2){\r\n    longLevel2Correct = \"vermenigvuldigen\";\r\n    document.getElementById(\"longLevel2Story\").innerHTML =\r\n      \"Ik denk dat \" + answer + \" groepjes passen.<br>\" +\r\n      \"Wat doe ik nu om dat te controleren?\";\r\n    options = [\r\n      {label:\"Ik reken \" + answer + \" \u00d7 \" + divisor + \" uit\", value:\"vermenigvuldigen\"},\r\n      {label:\"Ik tel er 10 bij\", value:\"erbij\"},\r\n      {label:\"Ik verander de som\", value:\"veranderen\"}\r\n    ];\r\n  }\r\n\r\n  if(scenario === 3){\r\n    longLevel2Correct = \"aftrekken\";\r\n    document.getElementById(\"longLevel2Story\").innerHTML =\r\n      \"Ik heb gezien: \" + answer + \" \u00d7 \" + divisor + \" = \" + total + \".<br>\" +\r\n      \"Welke stap komt daarna?\";\r\n    options = [\r\n      {label:\"Ik trek \" + total + \" van \" + total + \" af\", value:\"aftrekken\"},\r\n      {label:\"Ik begin helemaal opnieuw\", value:\"opnieuw\"},\r\n      {label:\"Ik gok nog een antwoord\", value:\"gokken\"}\r\n    ];\r\n  }\r\n\r\n  options.sort(function(){return Math.random() - 0.5;});\r\n\r\n  document.getElementById(\"longLevel2Options\").innerHTML = options.map(function(option){\r\n    return '<button class=\"ifi-option\" onclick=\"checkLongLevel2(\\'' + option.value + '\\')\">' + option.label + '<\/button>';\r\n  }).join(\"\");\r\n\r\n  document.getElementById(\"longLevel2Feedback\").innerText = \"\";\r\n}\r\n\r\nfunction checkLongLevel2(choice){\r\n  if(choice === longLevel2Correct){\r\n    document.getElementById(\"longLevel2Feedback\").innerHTML =\r\n      \"<strong>Goed gekozen \ud83c\udf31<\/strong><br>\" +\r\n      \"Je volgt het spoor: kijken, delen, vermenigvuldigen en aftrekken.\";\r\n  }else{\r\n    document.getElementById(\"longLevel2Feedback\").innerText = longTryAgain();\r\n  }\r\n}\r\n\r\nfunction allowLongDrop(event){\r\n  event.preventDefault();\r\n}\r\n\r\nfunction dragLongAnswer(event){\r\n  draggedLongAnswer = event.target.innerText;\r\n}\r\n\r\nfunction dropLongAnswer(event){\r\n  event.preventDefault();\r\n  document.getElementById(\"answerDrop\").innerText = draggedLongAnswer;\r\n}\r\n\r\nfunction newLongLevel3(){\r\n  const divisor = r(2,6);\r\n  const answer = r(2,9);\r\n  const total = divisor * answer;\r\n\r\n  longLevel3Correct = answer;\r\n  longLevel3Total = total;\r\n  longLevel3Divisor = divisor;\r\n  draggedLongAnswer = null;\r\n\r\n  document.getElementById(\"longLevel3Text\").innerText = total + \" \u00f7 \" + divisor;\r\n  document.getElementById(\"longLevel3Divisor\").innerText = divisor;\r\n  document.getElementById(\"longLevel3Inside\").innerText = total;\r\n  document.getElementById(\"answerDrop\").innerText = \"antwoord\";\r\n\r\n  let choices = [answer, answer + r(1,2), Math.max(1, answer - 1)];\r\n  choices = [...new Set(choices)];\r\n\r\n  while(choices.length < 3){\r\n    choices.push(r(2,9));\r\n    choices = [...new Set(choices)];\r\n  }\r\n\r\n  choices.sort(function(){return Math.random() - 0.5;});\r\n\r\n  document.getElementById(\"answerChoices\").innerHTML = choices.map(function(choice){\r\n    return '<div class=\"ifi-drag-number\" draggable=\"true\" ondragstart=\"dragLongAnswer(event)\">' + choice + '<\/div>';\r\n  }).join(\"\");\r\n\r\n  document.getElementById(\"fitInput\").value = \"\";\r\n  document.getElementById(\"multiplyInput1\").value = \"\";\r\n  document.getElementById(\"multiplyInput2\").value = \"\";\r\n  document.getElementById(\"multiplyResult\").value = \"\";\r\n  document.getElementById(\"subtractInput1\").value = \"\";\r\n  document.getElementById(\"subtractInput2\").value = \"\";\r\n  document.getElementById(\"subtractResult\").value = \"\";\r\n  document.getElementById(\"remainderInput\").value = \"\";\r\n  document.getElementById(\"longLevel3Notes\").value = \"\";\r\n  document.getElementById(\"longLevel3Answer\").value = \"\";\r\n  document.getElementById(\"longLevel3Feedback\").innerText = \"\";\r\n}\r\n\r\nfunction checkLongLevel3(){\r\n  const answer = Number(document.getElementById(\"longLevel3Answer\").value);\r\n  const dropAnswer = Number(document.getElementById(\"answerDrop\").innerText);\r\n  const fit = Number(document.getElementById(\"fitInput\").value);\r\n  const m1 = Number(document.getElementById(\"multiplyInput1\").value);\r\n  const m2 = Number(document.getElementById(\"multiplyInput2\").value);\r\n  const mResult = Number(document.getElementById(\"multiplyResult\").value);\r\n  const s1 = Number(document.getElementById(\"subtractInput1\").value);\r\n  const s2 = Number(document.getElementById(\"subtractInput2\").value);\r\n  const sResult = Number(document.getElementById(\"subtractResult\").value);\r\n  const remainder = Number(document.getElementById(\"remainderInput\").value);\r\n\r\n  const multiplyOk =\r\n    ((m1 === longLevel3Correct && m2 === longLevel3Divisor) ||\r\n     (m1 === longLevel3Divisor && m2 === longLevel3Correct)) &&\r\n     mResult === longLevel3Total;\r\n\r\n  const subtractOk =\r\n    s1 === longLevel3Total &&\r\n    s2 === longLevel3Total &&\r\n    sResult === 0;\r\n\r\n  const allOk =\r\n    answer === longLevel3Correct &&\r\n    dropAnswer === longLevel3Correct &&\r\n    fit === longLevel3Correct &&\r\n    multiplyOk &&\r\n    subtractOk &&\r\n    remainder === 0;\r\n\r\n  if(allOk){\r\n    document.getElementById(\"longLevel3Feedback\").innerHTML =\r\n      \"<strong>Mooi gedaan \ud83c\udf38<\/strong><br>\" +\r\n      longLevel3Total + \" \u00f7 \" + longLevel3Divisor + \" = \" + longLevel3Correct + \"<br>\" +\r\n      \"Je hebt gekeken, gedeeld, vermenigvuldigd en afgetrokken.\";\r\n  }else if(answer === longLevel3Correct){\r\n    document.getElementById(\"longLevel3Feedback\").innerHTML =\r\n      \"<strong>Je antwoord klopt \ud83c\udf31<\/strong><br>\" +\r\n      \"Kijk nu nog rustig of je stappen ook kloppen.\";\r\n  }else{\r\n    document.getElementById(\"longLevel3Feedback\").innerText =\r\n      \"Bijna. Kijk rustig: welk getal keer \" + longLevel3Divisor + \" maakt \" + longLevel3Total + \"? \ud83d\udc9b\";\r\n  }\r\n}\r\n\r\nnewLongLevel1();\r\nnewLongLevel2();\r\nnewLongLevel3();\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 \ud83c\udf3f Staartdeling Staartdeling stap voor stap Een staartdeling lijkt groot, maar bestaat uit kleine rustige stappen: kijken, delen, vermenigvuldigen, aftrekken en zakken. \ud83c\udf6aLevel 1Groepjes maken \ud83e\ude9cLevel 2Volgende stap \ud83c\udf33Level 3Zelf werken \ud83c\udf6a Level 1: Hoeveel groepjes passen? Kijk naar het aantal koekjes. Maak groepjes die even groot zijn. Hoeveel groepjes kun je maken? [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-3206","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"acf":[],"_links":{"self":[{"href":"https:\/\/withifi.muhubonurture.nl\/index.php?rest_route=\/wp\/v2\/posts\/3206","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/withifi.muhubonurture.nl\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/withifi.muhubonurture.nl\/index.php?rest_route=\/wp\/v2\/types\/post"}],"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=3206"}],"version-history":[{"count":10,"href":"https:\/\/withifi.muhubonurture.nl\/index.php?rest_route=\/wp\/v2\/posts\/3206\/revisions"}],"predecessor-version":[{"id":3216,"href":"https:\/\/withifi.muhubonurture.nl\/index.php?rest_route=\/wp\/v2\/posts\/3206\/revisions\/3216"}],"wp:attachment":[{"href":"https:\/\/withifi.muhubonurture.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3206"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/withifi.muhubonurture.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=3206"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/withifi.muhubonurture.nl\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=3206"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}