{"id":3217,"date":"2026-06-14T06:14:59","date_gmt":"2026-06-14T06:14:59","guid":{"rendered":"https:\/\/withifi.muhubonurture.nl\/?page_id=3217"},"modified":"2026-06-14T06:21:33","modified_gmt":"2026-06-14T06:21:33","slug":"kommagetallen","status":"publish","type":"page","link":"https:\/\/withifi.muhubonurture.nl\/?page_id=3217","title":{"rendered":"Kommagetallen"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3217\" class=\"elementor elementor-3217\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f3f299d e-con-full e-flex e-con e-parent\" data-id=\"f3f299d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bde529a elementor-widget elementor-widget-html\" data-id=\"bde529a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n.ifi-decimal-page *{box-sizing:border-box;}\r\n\r\n.ifi-decimal-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-decimal-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-rule-box{\r\n  background:#EEF7FE !important;\r\n  border:3px solid #7CB8E4 !important;\r\n  border-radius:28px;\r\n  padding:1.4rem;\r\n  margin-top:1.4rem;\r\n  color:#1F2A3D !important;\r\n  font-weight:950;\r\n  line-height:1.8;\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-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.5rem 2rem;\r\n  margin:1.2rem auto;\r\n  font-size:clamp(36px,6vw,64px);\r\n  font-weight:950;\r\n  color:#1F2A3D !important;\r\n  line-height:1.3;\r\n  text-align:right;\r\n  min-width:260px;\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-comma{\r\n  color:#1F4E73 !important;\r\n  background:#BFE0F7 !important;\r\n  border-radius:10px;\r\n  padding:0 .12em;\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.35rem !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-split-grid{\r\n  display:grid;\r\n  grid-template-columns:1fr 1fr;\r\n  gap:1rem;\r\n  max-width:820px;\r\n  margin:1.5rem auto;\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.3rem;\r\n  color:#1F2A3D !important;\r\n  font-weight:950;\r\n  line-height:1.7;\r\n}\r\n\r\n.ifi-split-card strong{\r\n  display:block;\r\n  font-size:2rem;\r\n  margin-bottom:.3rem;\r\n}\r\n\r\n.ifi-small-input{\r\n  width:100%;\r\n  max-width:170px;\r\n  padding:.9rem;\r\n  border-radius:18px;\r\n  border:3px solid #7CB8E4 !important;\r\n  font-size:1.5rem;\r\n  font-weight:950;\r\n  text-align:center;\r\n  color:#1F2A3D !important;\r\n  background:#fff !important;\r\n  margin-top:.8rem;\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-small-input::placeholder{\r\n  color:#6B7F95 !important;\r\n  opacity:1 !important;\r\n}\r\n\r\n.ifi-explain{\r\n  background:#fff !important;\r\n  border:3px solid #7CB8E4 !important;\r\n  border-radius:26px;\r\n  padding:1.3rem;\r\n  margin:1.5rem auto 0;\r\n  max-width:760px;\r\n  color:#263F59 !important;\r\n  font-weight:850;\r\n  line-height:1.8;\r\n  display:none;\r\n}\r\n\r\n.ifi-travel{\r\n  display:flex;\r\n  justify-content:center;\r\n  align-items:center;\r\n  gap:1rem;\r\n  flex-wrap:wrap;\r\n  margin:1.5rem 0;\r\n}\r\n\r\n.ifi-travel-box{\r\n  background:#fff !important;\r\n  border:3px solid #7CB8E4 !important;\r\n  border-radius:26px;\r\n  padding:1.2rem 1.5rem;\r\n  font-size:2rem;\r\n  font-weight:950;\r\n  color:#1F2A3D !important;\r\n}\r\n\r\n.ifi-arrow{\r\n  font-size:2rem;\r\n  font-weight:950;\r\n  color:#1F4E73 !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-decimal-page\">\r\n  <div class=\"ifi-decimal-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\udca7 Kommagetallen<\/div>\r\n      <h1>De komma blijft thuis<\/h1>\r\n      <p>\r\n        Bij erbij en eraf met kommagetallen gaat de komma niet wandelen.\r\n        De komma blijft netjes onder de komma.\r\n      <\/p>\r\n\r\n      <div class=\"ifi-rule-box\">\r\n        \ud83c\udf31 Erbij en eraf? De komma blijft thuis.<br>\r\n        \ud83c\udf31 Keer 10, 100 of 1000? De komma wandelt naar rechts.<br>\r\n        \ud83c\udf31 Delen door 10, 100 of 1000? De komma wandelt naar links.\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"ifi-tabs\">\r\n      <button class=\"ifi-tab active\" onclick=\"showDecimalGame(1)\">\ud83c\udfe0<br><strong>Level 1<\/strong><br>Komma blijft thuis<\/button>\r\n      <button class=\"ifi-tab\" onclick=\"showDecimalGame(2)\">\u2795\u2796<br><strong>Level 2<\/strong><br>Erbij en eraf<\/button>\r\n      <button class=\"ifi-tab\" onclick=\"showDecimalGame(3)\">\ud83d\udeb6<br><strong>Level 3<\/strong><br>Komma op reis<\/button>\r\n    <\/div>\r\n\r\n    <div id=\"decimal-game-1\" class=\"ifi-game active\">\r\n      <h2>\ud83c\udfe0 Level 1: Waar blijft de komma?<\/h2>\r\n      <p class=\"ifi-soft\">\r\n        Kijk naar de som. Waar hoort de komma in het antwoord?\r\n      <\/p>\r\n\r\n      <div class=\"ifi-box\">\r\n        <div id=\"decimalLevel1Sum\" class=\"ifi-column-sum\"><\/div>\r\n\r\n        <p class=\"ifi-soft\">Kies het antwoord waar de komma goed staat.<\/p>\r\n\r\n        <div id=\"decimalLevel1Options\" class=\"ifi-options\"><\/div>\r\n\r\n        <div class=\"ifi-actions\">\r\n          <button class=\"ifi-btn\" onclick=\"newDecimalLevel1()\">Nieuwe som<\/button>\r\n        <\/div>\r\n\r\n        <div id=\"decimalLevel1Feedback\" class=\"ifi-feedback\"><\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div id=\"decimal-game-2\" class=\"ifi-game\">\r\n      <h2>\u2795\u2796 Level 2: Reken met kommagetallen<\/h2>\r\n      <p class=\"ifi-soft\">\r\n        Eerst de helen. Daarna de tienden. De komma blijft netjes op zijn plek.\r\n      <\/p>\r\n\r\n      <div class=\"ifi-box\">\r\n        <div id=\"decimalLevel2Sum\" class=\"ifi-big\"><\/div>\r\n\r\n        <div class=\"ifi-split-grid\">\r\n          <div class=\"ifi-split-card\">\r\n            <strong id=\"decimalLevel2Whole\"><\/strong>\r\n            helen samen<br>\r\n            <input id=\"decimalLevel2WholeAnswer\" class=\"ifi-small-input\" type=\"text\" placeholder=\"antwoord\" \/>\r\n          <\/div>\r\n\r\n          <div class=\"ifi-split-card\">\r\n            <strong id=\"decimalLevel2Tenths\"><\/strong>\r\n            tienden samen<br>\r\n            <input id=\"decimalLevel2TenthsAnswer\" class=\"ifi-small-input\" type=\"text\" placeholder=\"antwoord\" \/>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div id=\"decimalLevel2Explain\" class=\"ifi-explain\"><\/div>\r\n\r\n        <p class=\"ifi-soft\">Wat is het eindantwoord?<\/p>\r\n\r\n        <input id=\"decimalLevel2Answer\" class=\"ifi-input\" type=\"text\" placeholder=\"bijv. 3,7\" \/>\r\n\r\n        <div class=\"ifi-actions\">\r\n          <button class=\"ifi-btn\" onclick=\"checkDecimalLevel2()\">Controleer<\/button>\r\n          <button class=\"ifi-btn\" onclick=\"newDecimalLevel2()\">Nieuwe som<\/button>\r\n        <\/div>\r\n\r\n        <div id=\"decimalLevel2Feedback\" class=\"ifi-feedback\"><\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div id=\"decimal-game-3\" class=\"ifi-game\">\r\n      <h2>\ud83d\udeb6 Level 3: Komma op reis<\/h2>\r\n      <p class=\"ifi-soft\">\r\n        Nu mag de komma w\u00e9l wandelen. Bij keer 10 gaat hij naar rechts.\r\n        Bij delen door 10 gaat hij naar links.\r\n      <\/p>\r\n\r\n      <div class=\"ifi-box\">\r\n        <div id=\"decimalLevel3Text\" class=\"ifi-big\"><\/div>\r\n\r\n        <div class=\"ifi-travel\">\r\n          <div id=\"decimalLevel3Start\" class=\"ifi-travel-box\"><\/div>\r\n          <div id=\"decimalLevel3Arrow\" class=\"ifi-arrow\"><\/div>\r\n          <div class=\"ifi-travel-box\">?<\/div>\r\n        <\/div>\r\n\r\n        <p class=\"ifi-soft\">Wat wordt het nieuwe getal?<\/p>\r\n\r\n        <input id=\"decimalLevel3Answer\" class=\"ifi-input\" type=\"text\" placeholder=\"?\" \/>\r\n\r\n        <div class=\"ifi-actions\">\r\n          <button class=\"ifi-btn\" onclick=\"checkDecimalLevel3()\">Controleer<\/button>\r\n          <button class=\"ifi-btn\" onclick=\"newDecimalLevel3()\">Nieuwe reis<\/button>\r\n        <\/div>\r\n\r\n        <div id=\"decimalLevel3Feedback\" 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 erbij en eraf blijft de komma thuis.\r\n      Bij \u00d710 wandelt de komma naar rechts.\r\n      Bij \u00f710 wandelt de komma naar links.\r\n      E\u00e9n rustige stap tegelijk.\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\nlet decimalLevel1Correct = \"\";\r\nlet decimalLevel2Correct = \"\";\r\nlet decimalLevel2WholeCorrect = \"\";\r\nlet decimalLevel2TenthsCorrect = \"\";\r\nlet decimalLevel2CarryExplain = \"\";\r\nlet decimalLevel3Correct = \"\";\r\n\r\nfunction r(min,max){\r\n  return Math.floor(Math.random()*(max-min+1))+min;\r\n}\r\n\r\nfunction toComma(num){\r\n  return String(num.toFixed(1)).replace(\".\", \",\");\r\n}\r\n\r\nfunction normalizeAnswer(value){\r\n  return String(value).trim().replace(\".\", \",\");\r\n}\r\n\r\nfunction decimalHappy(){\r\n  const texts = [\r\n    \"Mooi gedaan \ud83c\udf38\",\r\n    \"Yes, de komma staat netjes \ud83d\udc9b\",\r\n    \"Rustig gekeken, goed gedaan \ud83c\udf31\",\r\n    \"Knap hoor, je brein ziet waar de komma hoort \u2728\"\r\n  ];\r\n  return texts[r(0,texts.length-1)];\r\n}\r\n\r\nfunction decimalTryAgain(){\r\n  const texts = [\r\n    \"Bijna. Kijk nog eens waar de komma woont \ud83d\udc9b\",\r\n    \"Geen haast. Komma onder komma \ud83c\udf31\",\r\n    \"De komma blijft thuis bij erbij en eraf \ud83c\udfe0\"\r\n  ];\r\n  return texts[r(0,texts.length-1)];\r\n}\r\n\r\nfunction showDecimalGame(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(\"decimal-game-\" + n).classList.add(\"active\");\r\n  document.querySelectorAll(\".ifi-tab\")[n - 1].classList.add(\"active\");\r\n}\r\n\r\nfunction makeColumnDecimal(a,b,sign){\r\n  return String(a).replace(\",\", '<span class=\"ifi-comma\">,<\/span>') +\r\n    \"<br>\" +\r\n    sign + \" \" + String(b).replace(\",\", '<span class=\"ifi-comma\">,<\/span>') +\r\n    \"<div class='ifi-line'><\/div>\";\r\n}\r\n\r\nfunction newDecimalLevel1(){\r\n  const sign = Math.random() > 0.5 ? \"+\" : \"-\";\r\n\r\n  let aWhole = r(2,8);\r\n  let aTenths = r(1,8);\r\n  let bWhole = r(1,3);\r\n  let bTenths = r(1,8);\r\n\r\n  if(sign === \"-\" && (bWhole > aWhole || (bWhole === aWhole && bTenths > aTenths))){\r\n    bWhole = 1;\r\n    bTenths = r(1,aTenths);\r\n  }\r\n\r\n  const a = aWhole + aTenths \/ 10;\r\n  const b = bWhole + bTenths \/ 10;\r\n  const result = sign === \"+\" ? a + b : a - b;\r\n\r\n  const aText = toComma(a);\r\n  const bText = toComma(b);\r\n\r\n  decimalLevel1Correct = toComma(result);\r\n\r\n  document.getElementById(\"decimalLevel1Sum\").innerHTML =\r\n    makeColumnDecimal(aText,bText,sign);\r\n\r\n  let wrong1 = decimalLevel1Correct.replace(\",\", \"\");\r\n  let wrong2 = decimalLevel1Correct.replace(\",\", \",0\");\r\n\r\n  if(wrong2 === decimalLevel1Correct){\r\n    wrong2 = decimalLevel1Correct + \"0\";\r\n  }\r\n\r\n  let options = [decimalLevel1Correct, wrong1, wrong2];\r\n  options = [...new Set(options)];\r\n\r\n  while(options.length < 3){\r\n    options.push(toComma(result + r(1,3) \/ 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(\"decimalLevel1Options\").innerHTML = options.map(function(option){\r\n    return '<button class=\"ifi-option\" onclick=\"checkDecimalLevel1(\\'' + option + '\\')\">' + option + '<\/button>';\r\n  }).join(\"\");\r\n\r\n  document.getElementById(\"decimalLevel1Feedback\").innerText = \"\";\r\n}\r\n\r\nfunction checkDecimalLevel1(choice){\r\n  document.getElementById(\"decimalLevel1Feedback\").innerText =\r\n    choice === decimalLevel1Correct ? decimalHappy() : decimalTryAgain();\r\n}\r\n\r\nfunction newDecimalLevel2(){\r\n  const sign = Math.random() > 0.5 ? \"+\" : \"-\";\r\n\r\n  let aWhole = r(2,8);\r\n  let aTenths = r(1,8);\r\n  let bWhole = r(1,3);\r\n  let bTenths = r(1,8);\r\n\r\n  if(sign === \"-\" && (bWhole > aWhole || (bWhole === aWhole && bTenths > aTenths))){\r\n    bWhole = 1;\r\n    bTenths = r(1,aTenths);\r\n  }\r\n\r\n  const a = aWhole + aTenths \/ 10;\r\n  const b = bWhole + bTenths \/ 10;\r\n  const result = sign === \"+\" ? a + b : a - b;\r\n\r\n  decimalLevel2Correct = toComma(result);\r\n\r\n  let wholeResult = sign === \"+\" ? aWhole + bWhole : aWhole - bWhole;\r\n  let tenthsRaw = sign === \"+\" ? aTenths + bTenths : aTenths - bTenths;\r\n\r\n  decimalLevel2WholeCorrect = String(wholeResult);\r\n\r\n  if(sign === \"+\"){\r\n    decimalLevel2TenthsCorrect = \"0,\" + tenthsRaw;\r\n\r\n    if(tenthsRaw >= 10){\r\n      const tenthsFixed = tenthsRaw \/ 10;\r\n      decimalLevel2TenthsCorrect = toComma(tenthsFixed);\r\n      decimalLevel2CarryExplain =\r\n        \"Je tienden waren samen 0,\" + tenthsRaw + \". Dat schrijven we niet als 0,\" + tenthsRaw + \". \" +\r\n        \"Want 10 tienden maken 1 hele. Dus 0,\" + tenthsRaw + \" wordt \" + toComma(tenthsFixed) + \". \" +\r\n        \"Daarom komt er een hele bij.\";\r\n    }else{\r\n      decimalLevel2CarryExplain =\r\n        \"De tienden blijven kleiner dan 1 hele. Daarom blijven ze gewoon achter de komma.\";\r\n    }\r\n  }else{\r\n    decimalLevel2TenthsCorrect = \"0,\" + tenthsRaw;\r\n    decimalLevel2CarryExplain =\r\n      \"Bij eraf kijk je rustig wat overblijft. De komma blijft op dezelfde plek staan.\";\r\n  }\r\n\r\n  document.getElementById(\"decimalLevel2Sum\").innerText =\r\n    toComma(a) + \" \" + sign + \" \" + toComma(b);\r\n\r\n  document.getElementById(\"decimalLevel2Whole\").innerText =\r\n    aWhole + \" \" + sign + \" \" + bWhole;\r\n\r\n  document.getElementById(\"decimalLevel2Tenths\").innerText =\r\n    \"0,\" + aTenths + \" \" + sign + \" 0,\" + bTenths;\r\n\r\n  document.getElementById(\"decimalLevel2WholeAnswer\").value = \"\";\r\n  document.getElementById(\"decimalLevel2TenthsAnswer\").value = \"\";\r\n  document.getElementById(\"decimalLevel2Answer\").value = \"\";\r\n  document.getElementById(\"decimalLevel2Explain\").style.display = \"none\";\r\n  document.getElementById(\"decimalLevel2Explain\").innerHTML = \"\";\r\n  document.getElementById(\"decimalLevel2Feedback\").innerText = \"\";\r\n}\r\n\r\nfunction checkDecimalLevel2(){\r\n  const wholeAnswer = normalizeAnswer(document.getElementById(\"decimalLevel2WholeAnswer\").value);\r\n  const tenthsAnswer = normalizeAnswer(document.getElementById(\"decimalLevel2TenthsAnswer\").value);\r\n  const finalAnswer = normalizeAnswer(document.getElementById(\"decimalLevel2Answer\").value);\r\n\r\n  let feedback = \"\";\r\n\r\n  if(wholeAnswer !== decimalLevel2WholeCorrect){\r\n    feedback += \"Kijk nog eens naar de helen. \";\r\n  }\r\n\r\n  if(tenthsAnswer !== decimalLevel2TenthsCorrect){\r\n    feedback += \"Kijk nog eens naar de tienden. \";\r\n  }\r\n\r\n  if(finalAnswer !== decimalLevel2Correct){\r\n    feedback += \"Het eindantwoord klopt nog niet helemaal. \";\r\n  }\r\n\r\n  document.getElementById(\"decimalLevel2Explain\").style.display = \"block\";\r\n  document.getElementById(\"decimalLevel2Explain\").innerHTML =\r\n    \"<strong>Uitleg van Ifi \ud83c\udf31<\/strong><br>\" + decimalLevel2CarryExplain;\r\n\r\n  if(feedback === \"\"){\r\n    document.getElementById(\"decimalLevel2Feedback\").innerText =\r\n      decimalHappy();\r\n  }else{\r\n    document.getElementById(\"decimalLevel2Feedback\").innerText =\r\n      feedback + \"De komma blijft thuis \ud83d\udc9b\";\r\n  }\r\n}\r\n\r\nfunction newDecimalLevel3(){\r\n  const startWhole = r(1,9);\r\n  const startTenths = r(1,9);\r\n  const start = startWhole + startTenths \/ 10;\r\n  const multiply = Math.random() > 0.5;\r\n\r\n  if(multiply){\r\n    decimalLevel3Correct = String(start * 10).replace(\".\", \",\").replace(\",0\",\"\");\r\n    document.getElementById(\"decimalLevel3Text\").innerText = toComma(start) + \" \u00d7 10\";\r\n    document.getElementById(\"decimalLevel3Arrow\").innerText = \"\u2192\";\r\n  }else{\r\n    const bigger = start * 10;\r\n    decimalLevel3Correct = toComma(start);\r\n    document.getElementById(\"decimalLevel3Text\").innerText = String(bigger).replace(\".\", \",\").replace(\",0\",\"\") + \" \u00f7 10\";\r\n    document.getElementById(\"decimalLevel3Arrow\").innerText = \"\u2190\";\r\n  }\r\n\r\n  document.getElementById(\"decimalLevel3Start\").innerText =\r\n    document.getElementById(\"decimalLevel3Text\").innerText.split(\" \")[0];\r\n\r\n  document.getElementById(\"decimalLevel3Answer\").value = \"\";\r\n  document.getElementById(\"decimalLevel3Feedback\").innerText = \"\";\r\n}\r\n\r\nfunction checkDecimalLevel3(){\r\n  const answer = normalizeAnswer(document.getElementById(\"decimalLevel3Answer\").value);\r\n\r\n  document.getElementById(\"decimalLevel3Feedback\").innerText =\r\n    answer === decimalLevel3Correct\r\n    ? \"Yes \ud83c\udf38 De komma wandelde de goede kant op.\"\r\n    : \"Bijna. Bij \u00d710 naar rechts, bij \u00f710 naar links \ud83d\udc9b\";\r\n}\r\n\r\nnewDecimalLevel1();\r\nnewDecimalLevel2();\r\nnewDecimalLevel3();\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\udca7 Kommagetallen De komma blijft thuis Bij erbij en eraf met kommagetallen gaat de komma niet wandelen. De komma blijft netjes onder de komma. \ud83c\udf31 Erbij en eraf? De komma blijft thuis. \ud83c\udf31 Keer 10, 100 of 1000? De komma wandelt naar rechts. \ud83c\udf31 Delen door 10, 100 of 1000? De komma wandelt [&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-3217","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/withifi.muhubonurture.nl\/index.php?rest_route=\/wp\/v2\/pages\/3217","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=3217"}],"version-history":[{"count":7,"href":"https:\/\/withifi.muhubonurture.nl\/index.php?rest_route=\/wp\/v2\/pages\/3217\/revisions"}],"predecessor-version":[{"id":3225,"href":"https:\/\/withifi.muhubonurture.nl\/index.php?rest_route=\/wp\/v2\/pages\/3217\/revisions\/3225"}],"wp:attachment":[{"href":"https:\/\/withifi.muhubonurture.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3217"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}