{"id":2029,"date":"2026-05-10T16:26:11","date_gmt":"2026-05-10T16:26:11","guid":{"rendered":"https:\/\/withifi.muhubonurture.nl\/?page_id=2029"},"modified":"2026-08-30T02:41:55","modified_gmt":"2026-08-30T02:41:55","slug":"oefenen-met-cijfers","status":"publish","type":"page","link":"https:\/\/withifi.muhubonurture.nl\/?page_id=2029","title":{"rendered":"Oefenen Met Cijfers"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2029\" class=\"elementor elementor-2029\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-250c017 e-con-full e-flex e-con e-parent\" data-id=\"250c017\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-90e3a8e elementor-widget elementor-widget-html\" data-id=\"90e3a8e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================\r\n     WITH IFI \u2014 CIJFERS OEFENEN\r\n     GETALLENWERELD\r\n     3 LEVELS + IFI ALS BEGELEIDER\r\n========================================= -->\r\n\r\n<style>\r\n\r\nbody{\r\n  margin:0;\r\n  font-family:'Inter',sans-serif;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   PAGINA\r\n========================================= *\/\r\n\r\n.cij-page{\r\n  min-height:100vh;\r\n  padding:6rem 6vw 5rem;\r\n\r\n  color:#263247;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle at 16% 18%,\r\n      rgba(255,255,255,.90) 0%,\r\n      transparent 31%\r\n    ),\r\n    radial-gradient(\r\n      circle at 86% 22%,\r\n      rgba(210,232,255,.58) 0%,\r\n      transparent 31%\r\n    ),\r\n    radial-gradient(\r\n      circle at 50% 86%,\r\n      rgba(230,245,237,.58) 0%,\r\n      transparent 38%\r\n    ),\r\n    linear-gradient(\r\n      135deg,\r\n      #F7FBFF 0%,\r\n      #EAF6FF 46%,\r\n      #F4FBF7 100%\r\n    );\r\n}\r\n\r\n.cij-page *{\r\n  box-sizing:border-box;\r\n}\r\n\r\n.cij-wrap{\r\n  max-width:1180px;\r\n  margin:0 auto;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   HERO\r\n========================================= *\/\r\n\r\n.cij-hero{\r\n  max-width:940px;\r\n  margin:0 auto 3.5rem;\r\n  padding:3.1rem;\r\n\r\n  border-radius:42px;\r\n\r\n  background:rgba(255,255,255,.66);\r\n  border:1px solid rgba(255,255,255,.96);\r\n\r\n  box-shadow:0 16px 42px rgba(70,105,140,.08);\r\n\r\n  backdrop-filter:blur(16px);\r\n  -webkit-backdrop-filter:blur(16px);\r\n\r\n  text-align:center;\r\n}\r\n\r\n.cij-label{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:.45rem;\r\n\r\n  margin-bottom:1.2rem;\r\n  padding:10px 18px;\r\n\r\n  border-radius:999px;\r\n\r\n  background:rgba(255,255,255,.80);\r\n  border:1px solid rgba(255,255,255,.96);\r\n\r\n  color:#4D6F91;\r\n\r\n  font-size:.9rem;\r\n  font-weight:900;\r\n}\r\n\r\n.cij-title{\r\n  margin:0 0 1.2rem;\r\n\r\n  color:#263247;\r\n\r\n  font-size:clamp(42px,6vw,72px);\r\n  line-height:1.05;\r\n\r\n  font-weight:950;\r\n}\r\n\r\n.cij-intro{\r\n  max-width:760px;\r\n  margin:0 auto;\r\n\r\n  color:#4D5F75;\r\n\r\n  font-size:19px;\r\n  line-height:1.85;\r\n\r\n  font-weight:650;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   LEVEL ROUTE\r\n========================================= *\/\r\n\r\n.cij-level-route{\r\n  max-width:1000px;\r\n  margin:0 auto 3rem;\r\n\r\n  display:grid;\r\n  grid-template-columns:repeat(3,1fr);\r\n\r\n  gap:1.2rem;\r\n}\r\n\r\n.cij-route-level{\r\n  position:relative;\r\n  overflow:hidden;\r\n\r\n  padding:1.6rem;\r\n\r\n  border-radius:30px;\r\n\r\n  border:1px solid rgba(255,255,255,.95);\r\n\r\n  box-shadow:0 10px 28px rgba(70,105,140,.06);\r\n\r\n  transition:.25s ease;\r\n}\r\n\r\n.cij-route-level:nth-child(1){\r\n  background:linear-gradient(\r\n    135deg,\r\n    #FFF4E3,\r\n    #FFF9EF\r\n  );\r\n}\r\n\r\n.cij-route-level:nth-child(2){\r\n  background:linear-gradient(\r\n    135deg,\r\n    #EAF7F1,\r\n    #F7FFFB\r\n  );\r\n}\r\n\r\n.cij-route-level:nth-child(3){\r\n  background:linear-gradient(\r\n    135deg,\r\n    #E8F3FF,\r\n    #F7FBFF\r\n  );\r\n}\r\n\r\n.cij-route-level::after{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  width:120px;\r\n  height:120px;\r\n\r\n  right:-42px;\r\n  top:-42px;\r\n\r\n  border-radius:50%;\r\n\r\n  background:rgba(255,255,255,.5);\r\n}\r\n\r\n.cij-route-level.active{\r\n  transform:translateY(-5px);\r\n\r\n  box-shadow:0 18px 38px rgba(70,105,140,.11);\r\n}\r\n\r\n.cij-route-level.done{\r\n  opacity:.72;\r\n}\r\n\r\n.cij-route-icon{\r\n  position:relative;\r\n  z-index:2;\r\n\r\n  width:52px;\r\n  height:52px;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  margin-bottom:.9rem;\r\n\r\n  border-radius:18px;\r\n\r\n  background:rgba(255,255,255,.82);\r\n\r\n  font-size:1.45rem;\r\n}\r\n\r\n.cij-route-level h3{\r\n  position:relative;\r\n  z-index:2;\r\n\r\n  margin:0 0 .4rem;\r\n\r\n  color:#263247;\r\n\r\n  font-size:1.15rem;\r\n  font-weight:950;\r\n}\r\n\r\n.cij-route-level p{\r\n  position:relative;\r\n  z-index:2;\r\n\r\n  margin:0;\r\n\r\n  color:#4D5F75;\r\n\r\n  font-size:.96rem;\r\n  line-height:1.6;\r\n\r\n  font-weight:650;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   SUPPORT LEVEL 1\r\n========================================= *\/\r\n\r\n.cij-support{\r\n  max-width:900px;\r\n  margin:0 auto 2.3rem;\r\n\r\n  text-align:center;\r\n}\r\n\r\n.cij-support-title{\r\n  margin-bottom:1rem;\r\n\r\n  color:#4D5F75;\r\n\r\n  font-size:.95rem;\r\n  font-weight:850;\r\n}\r\n\r\n.cij-number-row{\r\n  display:flex;\r\n  justify-content:center;\r\n  flex-wrap:wrap;\r\n\r\n  gap:.8rem;\r\n}\r\n\r\n.cij-number-pill{\r\n  width:64px;\r\n  height:64px;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  border-radius:22px;\r\n\r\n  background:rgba(255,255,255,.88);\r\n\r\n  border:1px solid rgba(255,255,255,.96);\r\n\r\n  box-shadow:0 8px 20px rgba(70,105,140,.07);\r\n\r\n  color:#263247;\r\n\r\n  font-size:1.55rem;\r\n  font-weight:950;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   OEFENKAART\r\n========================================= *\/\r\n\r\n.cij-oefen-box{\r\n  max-width:1120px;\r\n  margin:0 auto;\r\n\r\n  padding:2.4rem;\r\n\r\n  border-radius:42px;\r\n\r\n  background:rgba(255,255,255,.70);\r\n\r\n  border:1px solid rgba(255,255,255,.96);\r\n\r\n  box-shadow:0 18px 46px rgba(70,105,140,.09);\r\n\r\n  backdrop-filter:blur(14px);\r\n  -webkit-backdrop-filter:blur(14px);\r\n}\r\n\r\n.cij-oefen-layout{\r\n  display:grid;\r\n\r\n  grid-template-columns:minmax(0,1fr) 235px;\r\n\r\n  gap:2.2rem;\r\n\r\n  align-items:center;\r\n}\r\n\r\n.cij-oefen-main{\r\n  min-width:0;\r\n  text-align:center;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   TOP\r\n========================================= *\/\r\n\r\n.cij-oefen-top{\r\n  display:flex;\r\n\r\n  justify-content:space-between;\r\n  align-items:center;\r\n\r\n  gap:1rem;\r\n\r\n  margin-bottom:1.4rem;\r\n}\r\n\r\n.cij-level-pill,\r\n.cij-vraag-pill{\r\n  padding:10px 16px;\r\n\r\n  border-radius:999px;\r\n\r\n  background:rgba(255,255,255,.90);\r\n\r\n  color:#4D6F91;\r\n\r\n  font-size:.9rem;\r\n  font-weight:900;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   PROGRESS\r\n========================================= *\/\r\n\r\n.cij-progress-wrap{\r\n  width:100%;\r\n  height:9px;\r\n\r\n  margin-bottom:2.5rem;\r\n\r\n  overflow:hidden;\r\n\r\n  border-radius:999px;\r\n\r\n  background:#EAF1F5;\r\n}\r\n\r\n.cij-progress-bar{\r\n  width:0%;\r\n  height:100%;\r\n\r\n  border-radius:999px;\r\n\r\n  background:linear-gradient(\r\n    90deg,\r\n    #FFD8B3 0%,\r\n    #CDEADF 50%,\r\n    #A9D7FF 100%\r\n  );\r\n\r\n  transition:width .35s ease;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   VRAAG\r\n========================================= *\/\r\n\r\n.cij-vraag-type{\r\n  display:inline-block;\r\n\r\n  margin-bottom:.8rem;\r\n  padding:7px 13px;\r\n\r\n  border-radius:999px;\r\n\r\n  background:#EAF6FF;\r\n\r\n  color:#4D6F91;\r\n\r\n  font-size:.82rem;\r\n  font-weight:900;\r\n}\r\n\r\n.cij-vraag-title{\r\n  max-width:650px;\r\n  margin:0 auto .65rem;\r\n\r\n  color:#263247;\r\n\r\n  font-size:clamp(1.5rem,3vw,2rem);\r\n  line-height:1.3;\r\n\r\n  font-weight:950;\r\n}\r\n\r\n.cij-helper{\r\n  max-width:650px;\r\n  margin:0 auto 1.5rem;\r\n\r\n  color:#4D5F75;\r\n\r\n  font-size:1rem;\r\n  line-height:1.7;\r\n\r\n  font-weight:700;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   STIMULUS\r\n========================================= *\/\r\n\r\n.cij-stimulus{\r\n  max-width:760px;\r\n\r\n  margin:1.2rem auto 2rem;\r\n  padding:1.4rem 1.6rem;\r\n\r\n  min-height:100px;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  border-radius:28px;\r\n\r\n  background:linear-gradient(\r\n    135deg,\r\n    #F8FCFF 0%,\r\n    #F7FCF9 100%\r\n  );\r\n\r\n  border:1px solid rgba(255,255,255,.98);\r\n}\r\n\r\n\r\n\/* =========================================\r\n   GROOT CIJFER\r\n========================================= *\/\r\n\r\n.cij-big-number{\r\n  color:#263247;\r\n\r\n  font-size:clamp(4rem,8vw,6rem);\r\n  line-height:1;\r\n\r\n  font-weight:950;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   GETALWOORD\r\n========================================= *\/\r\n\r\n.cij-number-word{\r\n  color:#263247;\r\n\r\n  font-size:clamp(2.4rem,6vw,4.5rem);\r\n\r\n  line-height:1.15;\r\n\r\n  font-weight:950;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   OBJECTEN\r\n========================================= *\/\r\n\r\n.cij-objecten{\r\n  display:flex;\r\n\r\n  justify-content:center;\r\n  align-items:center;\r\n\r\n  flex-wrap:wrap;\r\n\r\n  gap:.65rem;\r\n\r\n  max-width:620px;\r\n}\r\n\r\n.cij-object{\r\n  width:58px;\r\n  height:58px;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  border-radius:20px;\r\n\r\n  background:#DDEFFF;\r\n\r\n  box-shadow:0 7px 18px rgba(70,105,140,.07);\r\n\r\n  font-size:1.75rem;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   GETALLENREEKS\r\n========================================= *\/\r\n\r\n.cij-sequence{\r\n  display:flex;\r\n  justify-content:center;\r\n  align-items:center;\r\n  flex-wrap:wrap;\r\n\r\n  gap:.65rem;\r\n}\r\n\r\n.cij-sequence-item{\r\n  min-width:54px;\r\n  height:54px;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  padding:0 .7rem;\r\n\r\n  border-radius:18px;\r\n\r\n  background:#FFFFFF;\r\n\r\n  color:#263247;\r\n\r\n  box-shadow:0 7px 18px rgba(70,105,140,.06);\r\n\r\n  font-size:1.35rem;\r\n  font-weight:950;\r\n}\r\n\r\n.cij-sequence-item.missing{\r\n  background:#FFF4E3;\r\n  border:2px dashed #E5BB8B;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   ANTWOORDEN\r\n========================================= *\/\r\n\r\n.cij-antwoorden{\r\n  display:flex;\r\n\r\n  justify-content:center;\r\n\r\n  flex-wrap:wrap;\r\n\r\n  gap:.9rem;\r\n}\r\n\r\n.cij-answer{\r\n  min-width:105px;\r\n\r\n  padding:1rem 1.45rem;\r\n\r\n  border:2px solid #B9D9EF;\r\n\r\n  border-radius:999px;\r\n\r\n  background:#FFFFFF;\r\n\r\n  color:#263247 !important;\r\n\r\n  box-shadow:0 8px 20px rgba(70,105,140,.07);\r\n\r\n  font-family:inherit;\r\n\r\n  font-size:1.2rem;\r\n  font-weight:950;\r\n\r\n  cursor:pointer;\r\n\r\n  transition:.22s ease;\r\n}\r\n\r\n.cij-answer:hover{\r\n  transform:translateY(-2px);\r\n\r\n  background:#DDEFFF;\r\n}\r\n\r\n.cij-answer.correct{\r\n  background:#DDF5E4 !important;\r\n\r\n  color:#315D43 !important;\r\n\r\n  border-color:#AED5BC !important;\r\n}\r\n\r\n.cij-answer.try-again{\r\n  background:#FFE8E8 !important;\r\n\r\n  color:#8A5151 !important;\r\n\r\n  border-color:#EBC4C4 !important;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   INPUT\r\n========================================= *\/\r\n\r\n.cij-input-wrap{\r\n  max-width:380px;\r\n  margin:0 auto;\r\n}\r\n\r\n.cij-input{\r\n  width:100%;\r\n\r\n  padding:1rem 1.25rem;\r\n\r\n  border:2px solid #BDD9EB;\r\n  border-radius:20px;\r\n\r\n  outline:none;\r\n\r\n  background:#FFFFFF;\r\n\r\n  color:#263247;\r\n\r\n  text-align:center;\r\n\r\n  font-family:inherit;\r\n\r\n  font-size:1.4rem;\r\n  font-weight:950;\r\n\r\n  transition:.2s ease;\r\n}\r\n\r\n.cij-input:focus{\r\n  border-color:#7CB8E4;\r\n\r\n  box-shadow:0 0 0 5px rgba(169,215,255,.28);\r\n}\r\n\r\n.cij-input.correct{\r\n  background:#F0FAF3;\r\n  border-color:#B8DCC4;\r\n}\r\n\r\n.cij-input.try-again{\r\n  background:#FFF5F5;\r\n  border-color:#EACACA;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   BUTTONS\r\n========================================= *\/\r\n\r\n.cij-check-btn,\r\n.cij-next-btn,\r\n.cij-restart-btn{\r\n  margin-top:1.4rem;\r\n\r\n  padding:1rem 1.8rem;\r\n\r\n  border:none;\r\n  border-radius:999px;\r\n\r\n  background:#A9D7FF;\r\n\r\n  color:#263247;\r\n\r\n  box-shadow:0 9px 22px rgba(70,105,140,.09);\r\n\r\n  font-family:inherit;\r\n\r\n  font-size:1rem;\r\n  font-weight:950;\r\n\r\n  cursor:pointer;\r\n\r\n  transition:.22s ease;\r\n}\r\n\r\n.cij-check-btn:hover,\r\n.cij-next-btn:hover,\r\n.cij-restart-btn:hover{\r\n  transform:translateY(-2px);\r\n\r\n  background:#DDEFFF;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   FEEDBACK\r\n========================================= *\/\r\n\r\n.cij-feedback{\r\n  min-height:34px;\r\n\r\n  margin-top:1.5rem;\r\n\r\n  color:#4D6F91;\r\n\r\n  font-size:1rem;\r\n  line-height:1.7;\r\n\r\n  font-weight:850;\r\n}\r\n\r\n.cij-feedback.good{\r\n  color:#47735A;\r\n}\r\n\r\n.cij-feedback.retry{\r\n  color:#8A6555;\r\n}\r\n\r\n.cij-next-wrap{\r\n  display:none;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   IFI RECHTS\r\n========================================= *\/\r\n\r\n.cij-ifi-side{\r\n  align-self:stretch;\r\n\r\n  display:flex;\r\n\r\n  flex-direction:column;\r\n\r\n  justify-content:center;\r\n  align-items:center;\r\n\r\n  gap:1rem;\r\n\r\n  padding:.5rem 0;\r\n}\r\n\r\n.cij-ifi-avatar{\r\n  display:block;\r\n\r\n  width:205px;\r\n\r\n  max-width:100%;\r\n  max-height:330px;\r\n\r\n  height:auto;\r\n\r\n  object-fit:contain;\r\n\r\n  filter:drop-shadow(\r\n    0 14px 24px rgba(70,105,140,.10)\r\n  );\r\n\r\n  transition:\r\n    opacity .25s ease,\r\n    transform .25s ease;\r\n}\r\n\r\n.cij-ifi-bubble{\r\n  width:100%;\r\n\r\n  padding:1rem 1.15rem;\r\n\r\n  border-radius:24px;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle at 18% 18%,\r\n      rgba(255,255,255,.95) 0%,\r\n      transparent 40%\r\n    ),\r\n    linear-gradient(\r\n      135deg,\r\n      #F8FCFF 0%,\r\n      #F3FBF8 100%\r\n    );\r\n\r\n  border:1px solid rgba(255,255,255,.96);\r\n\r\n  box-shadow:0 10px 26px rgba(70,105,140,.07);\r\n\r\n  text-align:center;\r\n}\r\n\r\n.cij-ifi-name{\r\n  display:inline-block;\r\n\r\n  margin-bottom:.5rem;\r\n  padding:6px 11px;\r\n\r\n  border-radius:999px;\r\n\r\n  background:rgba(255,255,255,.86);\r\n\r\n  color:#4D6F91;\r\n\r\n  font-size:.82rem;\r\n  font-weight:900;\r\n}\r\n\r\n.cij-ifi-message{\r\n  margin:0;\r\n\r\n  color:#4D5F75;\r\n\r\n  font-size:.95rem;\r\n  line-height:1.65;\r\n\r\n  font-weight:750;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   LEVEL OVERGANG\r\n========================================= *\/\r\n\r\n.cij-transition{\r\n  display:none;\r\n\r\n  padding:2.2rem;\r\n\r\n  border-radius:30px;\r\n\r\n  background:linear-gradient(\r\n    135deg,\r\n    #FFF8EF,\r\n    #F3FBF8\r\n  );\r\n\r\n  text-align:center;\r\n}\r\n\r\n.cij-transition h3{\r\n  margin:0 0 .7rem;\r\n\r\n  color:#263247;\r\n\r\n  font-size:1.6rem;\r\n  font-weight:950;\r\n}\r\n\r\n.cij-transition p{\r\n  max-width:620px;\r\n  margin:0 auto;\r\n\r\n  color:#4D5F75;\r\n\r\n  line-height:1.8;\r\n\r\n  font-weight:700;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   EINDE\r\n========================================= *\/\r\n\r\n.cij-finish{\r\n  display:none;\r\n\r\n  text-align:center;\r\n}\r\n\r\n.cij-finish-avatar{\r\n  width:180px;\r\n\r\n  max-height:250px;\r\n\r\n  object-fit:contain;\r\n\r\n  margin:0 auto 1rem;\r\n\r\n  filter:drop-shadow(\r\n    0 12px 22px rgba(70,105,140,.10)\r\n  );\r\n}\r\n\r\n.cij-finish h2{\r\n  margin:.5rem 0 .8rem;\r\n\r\n  color:#263247;\r\n\r\n  font-size:clamp(2rem,4vw,3rem);\r\n\r\n  font-weight:950;\r\n}\r\n\r\n.cij-finish p{\r\n  max-width:620px;\r\n\r\n  margin:0 auto;\r\n\r\n  color:#4D5F75;\r\n\r\n  font-size:1.05rem;\r\n  line-height:1.8;\r\n\r\n  font-weight:700;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   REMINDER\r\n========================================= *\/\r\n\r\n.cij-note{\r\n  max-width:760px;\r\n\r\n  margin:3rem auto 0;\r\n\r\n  padding:1.7rem;\r\n\r\n  border-radius:28px;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle at 12% 18%,\r\n      rgba(255,255,255,.88),\r\n      transparent 34%\r\n    ),\r\n    linear-gradient(\r\n      135deg,\r\n      #FFF8EF,\r\n      #F3FBF8 52%,\r\n      #EEF7FE\r\n    );\r\n\r\n  border:1px solid rgba(255,255,255,.96);\r\n\r\n  box-shadow:0 14px 34px rgba(70,105,140,.07);\r\n\r\n  text-align:center;\r\n\r\n  color:#4D5F75;\r\n\r\n  font-size:1rem;\r\n  line-height:1.8;\r\n\r\n  font-weight:700;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   TABLET\r\n========================================= *\/\r\n\r\n@media(max-width:950px){\r\n\r\n  .cij-oefen-layout{\r\n    grid-template-columns:minmax(0,1fr) 175px;\r\n\r\n    gap:1.2rem;\r\n  }\r\n\r\n  .cij-ifi-avatar{\r\n    width:155px;\r\n  }\r\n\r\n  .cij-ifi-message{\r\n    font-size:.88rem;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\n   MOBIEL\r\n========================================= *\/\r\n\r\n@media(max-width:700px){\r\n\r\n  .cij-page{\r\n    padding:4rem 5vw;\r\n  }\r\n\r\n  .cij-hero{\r\n    padding:2.3rem 1.7rem;\r\n  }\r\n\r\n  .cij-level-route{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  .cij-oefen-box{\r\n    padding:1.5rem 1.15rem;\r\n  }\r\n\r\n  .cij-oefen-layout{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  .cij-oefen-top{\r\n    justify-content:center;\r\n\r\n    flex-wrap:wrap;\r\n  }\r\n\r\n  .cij-ifi-side{\r\n    order:-1;\r\n\r\n    flex-direction:row;\r\n\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    gap:1rem;\r\n\r\n    padding:.2rem 0 1rem;\r\n  }\r\n\r\n  .cij-ifi-avatar{\r\n    width:95px;\r\n\r\n    flex-shrink:0;\r\n  }\r\n\r\n  .cij-ifi-bubble{\r\n    text-align:left;\r\n  }\r\n\r\n  .cij-answer{\r\n    width:100%;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\n   EXTRA KLEIN\r\n========================================= *\/\r\n\r\n@media(max-width:480px){\r\n\r\n  .cij-ifi-side{\r\n    flex-direction:column;\r\n\r\n    text-align:center;\r\n  }\r\n\r\n  .cij-ifi-bubble{\r\n    text-align:center;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<section class=\"kl-page\" data-withifi-world=\"getallenwereld\">\r\n\r\n  <div class=\"cij-wrap\">\r\n\r\n\r\n    <!-- =====================================\r\n         HERO\r\n    ====================================== -->\r\n\r\n    <div class=\"cij-hero\">\r\n\r\n      <div class=\"cij-label\">\r\n        \ud83d\udd22 Getallenwereld\r\n      <\/div>\r\n\r\n      <h1 class=\"cij-title\">\r\n        Oefenen met cijfers.\r\n      <\/h1>\r\n\r\n      <p class=\"cij-intro\">\r\n        Cijfers vertellen ons\r\n        <strong>hoeveel<\/strong> iets is.\r\n        Eerst gaan we cijfers herkennen.\r\n        Daarna koppelen we cijfers aan hoeveelheden\r\n        en uiteindelijk ga je steeds meer zelf doen.\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =====================================\r\n         LEVEL ROUTE\r\n    ====================================== -->\r\n\r\n    <div class=\"cij-level-route\">\r\n\r\n\r\n      <div\r\n        class=\"cij-route-level active\"\r\n        id=\"cijRoute1\">\r\n\r\n        <div class=\"cij-route-icon\">\r\n          \ud83c\udf31\r\n        <\/div>\r\n\r\n        <h3>\r\n          Level 1 \u00b7 Herkennen\r\n        <\/h3>\r\n\r\n        <p>\r\n          Cijfers 1 tot en met 5 herkennen en tellen.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div\r\n        class=\"cij-route-level\"\r\n        id=\"cijRoute2\">\r\n\r\n        <div class=\"cij-route-icon\">\r\n          \ud83c\udf3f\r\n        <\/div>\r\n\r\n        <h3>\r\n          Level 2 \u00b7 Koppelen\r\n        <\/h3>\r\n\r\n        <p>\r\n          Cijfers, hoeveelheden en getalwoorden bij elkaar zoeken.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div\r\n        class=\"cij-route-level\"\r\n        id=\"cijRoute3\">\r\n\r\n        <div class=\"cij-route-icon\">\r\n          \ud83c\udf33\r\n        <\/div>\r\n\r\n        <h3>\r\n          Level 3 \u00b7 Zelf doen\r\n        <\/h3>\r\n\r\n        <p>\r\n          Zelf cijfers invullen en getallenreeksen afmaken.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =====================================\r\n         SUPPORT LEVEL 1\r\n    ====================================== -->\r\n\r\n    <div\r\n      class=\"cij-support\"\r\n      id=\"cijSupport\">\r\n\r\n      <div class=\"cij-support-title\">\r\n        Deze cijfers helpen je bij Level 1\r\n      <\/div>\r\n\r\n      <div class=\"cij-number-row\">\r\n\r\n        <div class=\"cij-number-pill\">1<\/div>\r\n        <div class=\"cij-number-pill\">2<\/div>\r\n        <div class=\"cij-number-pill\">3<\/div>\r\n        <div class=\"cij-number-pill\">4<\/div>\r\n        <div class=\"cij-number-pill\">5<\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =====================================\r\n         OEFENSECTIE\r\n    ====================================== -->\r\n\r\n    <div class=\"cij-oefen-box\">\r\n\r\n      <div class=\"cij-oefen-layout\">\r\n\r\n\r\n        <!-- LINKERKANT -->\r\n\r\n        <div class=\"cij-oefen-main\">\r\n\r\n\r\n          <div id=\"cijExerciseContent\">\r\n\r\n\r\n            <div class=\"cij-oefen-top\">\r\n\r\n              <div\r\n                class=\"cij-level-pill\"\r\n                id=\"cijLevelPill\">\r\n\r\n                \ud83c\udf31 Level 1 \u00b7 Herkennen\r\n\r\n              <\/div>\r\n\r\n\r\n              <div\r\n                class=\"cij-vraag-pill\"\r\n                id=\"cijQuestionCounter\">\r\n\r\n                Vraag 1\r\n\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"cij-progress-wrap\">\r\n\r\n              <div\r\n                class=\"cij-progress-bar\"\r\n                id=\"cijProgressBar\">\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div\r\n              class=\"cij-vraag-type\"\r\n              id=\"cijQuestionType\">\r\n            <\/div>\r\n\r\n\r\n            <div\r\n              class=\"cij-vraag-title\"\r\n              id=\"cijQuestionTitle\">\r\n            <\/div>\r\n\r\n\r\n            <div\r\n              class=\"cij-helper\"\r\n              id=\"cijHelper\">\r\n            <\/div>\r\n\r\n\r\n            <div\r\n              class=\"cij-stimulus\"\r\n              id=\"cijStimulus\">\r\n            <\/div>\r\n\r\n\r\n            <div id=\"cijAnswerArea\">\r\n            <\/div>\r\n\r\n\r\n            <div\r\n              class=\"cij-feedback\"\r\n              id=\"cijFeedback\">\r\n            <\/div>\r\n\r\n\r\n            <div\r\n              class=\"cij-next-wrap\"\r\n              id=\"cijNextWrap\">\r\n\r\n              <button\r\n                type=\"button\"\r\n                class=\"cij-next-btn\"\r\n                id=\"cijNextBtn\">\r\n\r\n                Rustig verder \ud83c\udf3f\r\n\r\n              <\/button>\r\n\r\n            <\/div>\r\n\r\n\r\n          <\/div>\r\n\r\n\r\n          <!-- =================================\r\n               LEVEL OVERGANG\r\n          ================================== -->\r\n\r\n          <div\r\n            class=\"cij-transition\"\r\n            id=\"cijTransition\">\r\n\r\n            <h3 id=\"cijTransitionTitle\">\r\n            <\/h3>\r\n\r\n            <p id=\"cijTransitionText\">\r\n            <\/p>\r\n\r\n            <button\r\n              type=\"button\"\r\n              class=\"cij-next-btn\"\r\n              id=\"cijStartNextLevel\">\r\n\r\n              Verder \ud83c\udf3f\r\n\r\n            <\/button>\r\n\r\n          <\/div>\r\n\r\n\r\n          <!-- =================================\r\n               EINDE\r\n          ================================== -->\r\n\r\n          <div\r\n            class=\"cij-finish\"\r\n            id=\"cijFinish\">\r\n\r\n            <img decoding=\"async\"\r\n              class=\"cij-finish-avatar\"\r\n              src=\"https:\/\/withifi.muhubonurture.nl\/wp-content\/uploads\/2026\/06\/Goed-Gedaan.png\"\r\n              alt=\"Ifi zegt goed gedaan\">\r\n\r\n            <h2>\r\n              Goed geoefend \ud83c\udf38\r\n            <\/h2>\r\n\r\n            <p id=\"cijResultText\">\r\n            <\/p>\r\n\r\n            <button\r\n              type=\"button\"\r\n              class=\"cij-restart-btn\"\r\n              id=\"cijRestartBtn\">\r\n\r\n              Nog een keer oefenen \ud83c\udf3f\r\n\r\n            <\/button>\r\n\r\n          <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =================================\r\n             IFI RECHTS\r\n        ================================== -->\r\n\r\n        <aside class=\"cij-ifi-side\">\r\n\r\n          <img decoding=\"async\"\r\n            id=\"cijIfiAvatar\"\r\n            class=\"cij-ifi-avatar\"\r\n            src=\"https:\/\/withifi.muhubonurture.nl\/wp-content\/uploads\/2026\/06\/uitleg.png\"\r\n            alt=\"Ifi helpt bij de oefening\">\r\n\r\n          <div class=\"cij-ifi-bubble\">\r\n\r\n            <div class=\"cij-ifi-name\">\r\n              IFI helpt je \ud83c\udf3f\r\n            <\/div>\r\n\r\n            <p\r\n              class=\"cij-ifi-message\"\r\n              id=\"cijIfiMessage\">\r\n\r\n              Kijk rustig.\r\n              Eerst tellen we samen en daarna zoeken we welk cijfer erbij hoort.\r\n\r\n            <\/p>\r\n\r\n          <\/div>\r\n\r\n        <\/aside>\r\n\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =====================================\r\n         REMINDER\r\n    ====================================== -->\r\n\r\n    <div class=\"cij-note\">\r\n\r\n      Kleine reminder \ud83c\udf38<br>\r\n\r\n      Je hoeft niet snel te tellen.\r\n      Wijs de figuren \u00e9\u00e9n voor \u00e9\u00e9n aan\r\n      en kijk daarna welk cijfer bij die hoeveelheid hoort.\r\n\r\n    <\/div>\r\n\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<script>\r\n\r\ndocument.addEventListener(\r\n  \"DOMContentLoaded\",\r\n  function(){\r\n\r\n    \"use strict\";\r\n\r\n\r\n    \/* =========================================\r\n       IFI AVATARS\r\n    ========================================= *\/\r\n\r\n    const CIJ_IFI={\r\n\r\n      uitleg:\r\n        \"https:\/\/withifi.muhubonurture.nl\/wp-content\/uploads\/2026\/06\/uitleg.png\",\r\n\r\n      denken:\r\n        \"https:\/\/withifi.muhubonurture.nl\/wp-content\/uploads\/2026\/06\/Samen-Nadenken.png\",\r\n\r\n      goed:\r\n        \"https:\/\/withifi.muhubonurture.nl\/wp-content\/uploads\/2026\/06\/Goed-Gedaan.png\"\r\n\r\n    };\r\n\r\n\r\n    \/* =========================================\r\n       LEVELS\r\n    ========================================= *\/\r\n\r\n    const cijLevels=[\r\n\r\n\r\n      \/* =======================================\r\n         LEVEL 1 \u2014 HERKENNEN\r\n      ======================================= *\/\r\n\r\n      {\r\n\r\n        level:1,\r\n\r\n        title:\r\n          \"\ud83c\udf31 Level 1 \u00b7 Herkennen\",\r\n\r\n        questions:[\r\n\r\n\r\n          {\r\n\r\n            type:\"objects\",\r\n\r\n            label:\"Hoeveel zie je?\",\r\n\r\n            question:\r\n              \"Tel de bloemen.\",\r\n\r\n            helper:\r\n              \"Wijs ze rustig \u00e9\u00e9n voor \u00e9\u00e9n aan.\",\r\n\r\n            icon:\"\ud83c\udf38\",\r\n\r\n            amount:3,\r\n\r\n            answers:[\r\n              \"2\",\r\n              \"3\",\r\n              \"4\"\r\n            ],\r\n\r\n            correct:\"3\"\r\n\r\n          },\r\n\r\n\r\n          {\r\n\r\n            type:\"number\",\r\n\r\n            label:\"Welk cijfer zie je?\",\r\n\r\n            question:\r\n              \"Kijk goed naar het cijfer.\",\r\n\r\n            helper:\r\n              \"Welk cijfer is dit?\",\r\n\r\n            value:\"4\",\r\n\r\n            answers:[\r\n              \"2\",\r\n              \"4\",\r\n              \"5\"\r\n            ],\r\n\r\n            correct:\"4\"\r\n\r\n          },\r\n\r\n\r\n          {\r\n\r\n            type:\"objects\",\r\n\r\n            label:\"Hoeveel zie je?\",\r\n\r\n            question:\r\n              \"Tel de sterren.\",\r\n\r\n            helper:\r\n              \"Tel rustig van links naar rechts.\",\r\n\r\n            icon:\"\u2b50\",\r\n\r\n            amount:5,\r\n\r\n            answers:[\r\n              \"3\",\r\n              \"4\",\r\n              \"5\"\r\n            ],\r\n\r\n            correct:\"5\"\r\n\r\n          },\r\n\r\n\r\n          {\r\n\r\n            type:\"number\",\r\n\r\n            label:\"Welk cijfer zie je?\",\r\n\r\n            question:\r\n              \"Kijk naar de vorm van het cijfer.\",\r\n\r\n            helper:\r\n              \"Kies hetzelfde cijfer hieronder.\",\r\n\r\n            value:\"2\",\r\n\r\n            answers:[\r\n              \"1\",\r\n              \"2\",\r\n              \"3\"\r\n            ],\r\n\r\n            correct:\"2\"\r\n\r\n          },\r\n\r\n\r\n          {\r\n\r\n            type:\"objects\",\r\n\r\n            label:\"Hoeveel zie je?\",\r\n\r\n            question:\r\n              \"Tel de appels.\",\r\n\r\n            helper:\r\n              \"Hoeveel appels zijn er samen?\",\r\n\r\n            icon:\"\ud83c\udf4e\",\r\n\r\n            amount:4,\r\n\r\n            answers:[\r\n              \"3\",\r\n              \"4\",\r\n              \"5\"\r\n            ],\r\n\r\n            correct:\"4\"\r\n\r\n          }\r\n\r\n        ]\r\n\r\n      },\r\n\r\n\r\n      \/* =======================================\r\n         LEVEL 2 \u2014 KOPPELEN\r\n      ======================================= *\/\r\n\r\n      {\r\n\r\n        level:2,\r\n\r\n        title:\r\n          \"\ud83c\udf3f Level 2 \u00b7 Koppelen\",\r\n\r\n        questions:[\r\n\r\n\r\n          {\r\n\r\n            type:\"word\",\r\n\r\n            label:\"Getalwoord\",\r\n\r\n            question:\r\n              \"Welk cijfer hoort bij dit woord?\",\r\n\r\n            helper:\r\n              \"Lees het woord rustig.\",\r\n\r\n            value:\"zes\",\r\n\r\n            answers:[\r\n              \"5\",\r\n              \"6\",\r\n              \"7\"\r\n            ],\r\n\r\n            correct:\"6\"\r\n\r\n          },\r\n\r\n\r\n          {\r\n\r\n            type:\"objects\",\r\n\r\n            label:\"Hoeveelheid koppelen\",\r\n\r\n            question:\r\n              \"Welk cijfer hoort bij deze groep?\",\r\n\r\n            helper:\r\n              \"Tel de ballen rustig.\",\r\n\r\n            icon:\"\ud83d\udd35\",\r\n\r\n            amount:7,\r\n\r\n            answers:[\r\n              \"6\",\r\n              \"7\",\r\n              \"8\"\r\n            ],\r\n\r\n            correct:\"7\"\r\n\r\n          },\r\n\r\n\r\n          {\r\n\r\n            type:\"number\",\r\n\r\n            label:\"Cijfer en woord\",\r\n\r\n            question:\r\n              \"Welk woord hoort bij dit cijfer?\",\r\n\r\n            helper:\r\n              \"Kijk eerst naar het cijfer.\",\r\n\r\n            value:\"8\",\r\n\r\n            answers:[\r\n              \"zeven\",\r\n              \"acht\",\r\n              \"negen\"\r\n            ],\r\n\r\n            correct:\"acht\"\r\n\r\n          },\r\n\r\n\r\n          {\r\n\r\n            type:\"objects\",\r\n\r\n            label:\"Hoeveelheid koppelen\",\r\n\r\n            question:\r\n              \"Hoeveel hartjes zie je?\",\r\n\r\n            helper:\r\n              \"Je mag ze \u00e9\u00e9n voor \u00e9\u00e9n aanwijzen.\",\r\n\r\n            icon:\"\ud83d\udc9a\",\r\n\r\n            amount:9,\r\n\r\n            answers:[\r\n              \"8\",\r\n              \"9\",\r\n              \"10\"\r\n            ],\r\n\r\n            correct:\"9\"\r\n\r\n          },\r\n\r\n\r\n          {\r\n\r\n            type:\"word\",\r\n\r\n            label:\"Getalwoord\",\r\n\r\n            question:\r\n              \"Welk cijfer hoort erbij?\",\r\n\r\n            helper:\r\n              \"Het woord is tien.\",\r\n\r\n            value:\"tien\",\r\n\r\n            answers:[\r\n              \"8\",\r\n              \"9\",\r\n              \"10\"\r\n            ],\r\n\r\n            correct:\"10\"\r\n\r\n          }\r\n\r\n        ]\r\n\r\n      },\r\n\r\n\r\n      \/* =======================================\r\n         LEVEL 3 \u2014 ZELF DOEN\r\n      ======================================= *\/\r\n\r\n      {\r\n\r\n        level:3,\r\n\r\n        title:\r\n          \"\ud83c\udf33 Level 3 \u00b7 Zelf doen\",\r\n\r\n        questions:[\r\n\r\n\r\n          {\r\n\r\n            type:\"text-number\",\r\n\r\n            label:\"Typ het cijfer\",\r\n\r\n            question:\r\n              \"Welk cijfer hoort bij dit woord?\",\r\n\r\n            helper:\r\n              \"Typ alleen het cijfer.\",\r\n\r\n            value:\"zeven\",\r\n\r\n            correct:\"7\"\r\n\r\n          },\r\n\r\n\r\n          {\r\n\r\n            type:\"sequence\",\r\n\r\n            label:\"Welk cijfer mist?\",\r\n\r\n            question:\r\n              \"Maak de rij af.\",\r\n\r\n            helper:\r\n              \"Tel rustig verder.\",\r\n\r\n            sequence:[\r\n              \"1\",\r\n              \"2\",\r\n              \"?\",\r\n              \"4\",\r\n              \"5\"\r\n            ],\r\n\r\n            correct:\"3\"\r\n\r\n          },\r\n\r\n\r\n          {\r\n\r\n            type:\"sequence\",\r\n\r\n            label:\"Welk cijfer mist?\",\r\n\r\n            question:\r\n              \"Welk cijfer hoort op de lege plek?\",\r\n\r\n            helper:\r\n              \"Kijk welk getal v\u00f3\u00f3r en na de lege plek staat.\",\r\n\r\n            sequence:[\r\n              \"5\",\r\n              \"6\",\r\n              \"7\",\r\n              \"?\",\r\n              \"9\"\r\n            ],\r\n\r\n            correct:\"8\"\r\n\r\n          },\r\n\r\n\r\n          {\r\n\r\n            type:\"text-number\",\r\n\r\n            label:\"Zelf tellen\",\r\n\r\n            question:\r\n              \"Tel de figuren en typ het cijfer.\",\r\n\r\n            helper:\r\n              \"Typ alleen het antwoord.\",\r\n\r\n            icon:\"\ud83c\udf3f\",\r\n\r\n            amount:6,\r\n\r\n            showObjects:true,\r\n\r\n            correct:\"6\"\r\n\r\n          },\r\n\r\n\r\n          {\r\n\r\n            type:\"sequence\",\r\n\r\n            label:\"Verder tellen\",\r\n\r\n            question:\r\n              \"Welk cijfer komt daarna?\",\r\n\r\n            helper:\r\n              \"Tel \u00e9\u00e9n stap verder.\",\r\n\r\n            sequence:[\r\n              \"7\",\r\n              \"8\",\r\n              \"9\",\r\n              \"?\"\r\n            ],\r\n\r\n            correct:\"10\"\r\n\r\n          }\r\n\r\n        ]\r\n\r\n      }\r\n\r\n    ];\r\n\r\n\r\n    \/* =========================================\r\n       STATE\r\n    ========================================= *\/\r\n\r\n    let cijLevelIndex=0;\r\n\r\n    let cijQuestionIndex=0;\r\n\r\n    let cijCorrect=0;\r\n\r\n    let cijAnswered=false;\r\n\r\n\r\n    const cijTotal=\r\n      cijLevels.reduce(\r\n\r\n        function(total,level){\r\n\r\n          return total+\r\n            level.questions.length;\r\n\r\n        },\r\n\r\n        0\r\n\r\n      );\r\n\r\n\r\n    \/* =========================================\r\n       DOM\r\n    ========================================= *\/\r\n\r\n    const cijLevelPill=\r\n      document.getElementById(\r\n        \"cijLevelPill\"\r\n      );\r\n\r\n    const cijQuestionCounter=\r\n      document.getElementById(\r\n        \"cijQuestionCounter\"\r\n      );\r\n\r\n    const cijProgressBar=\r\n      document.getElementById(\r\n        \"cijProgressBar\"\r\n      );\r\n\r\n    const cijQuestionType=\r\n      document.getElementById(\r\n        \"cijQuestionType\"\r\n      );\r\n\r\n    const cijQuestionTitle=\r\n      document.getElementById(\r\n        \"cijQuestionTitle\"\r\n      );\r\n\r\n    const cijHelper=\r\n      document.getElementById(\r\n        \"cijHelper\"\r\n      );\r\n\r\n    const cijStimulus=\r\n      document.getElementById(\r\n        \"cijStimulus\"\r\n      );\r\n\r\n    const cijAnswerArea=\r\n      document.getElementById(\r\n        \"cijAnswerArea\"\r\n      );\r\n\r\n    const cijFeedback=\r\n      document.getElementById(\r\n        \"cijFeedback\"\r\n      );\r\n\r\n    const cijNextWrap=\r\n      document.getElementById(\r\n        \"cijNextWrap\"\r\n      );\r\n\r\n    const cijNextBtn=\r\n      document.getElementById(\r\n        \"cijNextBtn\"\r\n      );\r\n\r\n    const cijSupport=\r\n      document.getElementById(\r\n        \"cijSupport\"\r\n      );\r\n\r\n    const cijIfiAvatar=\r\n      document.getElementById(\r\n        \"cijIfiAvatar\"\r\n      );\r\n\r\n    const cijIfiMessage=\r\n      document.getElementById(\r\n        \"cijIfiMessage\"\r\n      );\r\n\r\n    const cijExerciseContent=\r\n      document.getElementById(\r\n        \"cijExerciseContent\"\r\n      );\r\n\r\n    const cijTransition=\r\n      document.getElementById(\r\n        \"cijTransition\"\r\n      );\r\n\r\n    const cijTransitionTitle=\r\n      document.getElementById(\r\n        \"cijTransitionTitle\"\r\n      );\r\n\r\n    const cijTransitionText=\r\n      document.getElementById(\r\n        \"cijTransitionText\"\r\n      );\r\n\r\n    const cijStartNextLevel=\r\n      document.getElementById(\r\n        \"cijStartNextLevel\"\r\n      );\r\n\r\n    const cijFinish=\r\n      document.getElementById(\r\n        \"cijFinish\"\r\n      );\r\n\r\n    const cijResultText=\r\n      document.getElementById(\r\n        \"cijResultText\"\r\n      );\r\n\r\n\r\n    \/* =========================================\r\n       HELPERS\r\n    ========================================= *\/\r\n\r\n    function cijNormalize(value){\r\n\r\n      return String(value)\r\n        .trim()\r\n        .toLowerCase()\r\n        .replace(\/[.,!?]\/g,\"\")\r\n        .replace(\/\\s+\/g,\" \");\r\n\r\n    }\r\n\r\n\r\n    function cijShuffle(array){\r\n\r\n      return array\r\n        .map(\r\n          function(item){\r\n\r\n            return{\r\n              item:item,\r\n              sort:Math.random()\r\n            };\r\n\r\n          }\r\n        )\r\n\r\n        .sort(\r\n          function(a,b){\r\n\r\n            return a.sort-b.sort;\r\n\r\n          }\r\n        )\r\n\r\n        .map(\r\n          function(entry){\r\n\r\n            return entry.item;\r\n\r\n          }\r\n        );\r\n\r\n    }\r\n\r\n\r\n    cijLevels.forEach(\r\n\r\n      function(level){\r\n\r\n        level.questions=\r\n          cijShuffle(\r\n            level.questions\r\n          );\r\n\r\n      }\r\n\r\n    );\r\n\r\n\r\n    function cijCompletedCount(){\r\n\r\n      let amount=0;\r\n\r\n\r\n      for(\r\n        let i=0;\r\n        i<cijLevelIndex;\r\n        i++\r\n      ){\r\n\r\n        amount+=\r\n          cijLevels[i]\r\n            .questions\r\n            .length;\r\n\r\n      }\r\n\r\n\r\n      return amount+\r\n        cijQuestionIndex;\r\n\r\n    }\r\n\r\n\r\n    function cijUpdateRoute(){\r\n\r\n      for(\r\n        let i=1;\r\n        i<=3;\r\n        i++\r\n      ){\r\n\r\n        const node=\r\n          document.getElementById(\r\n            \"cijRoute\"+i\r\n          );\r\n\r\n\r\n        node.classList.remove(\r\n          \"active\",\r\n          \"done\"\r\n        );\r\n\r\n\r\n        if(\r\n          i-1 <\r\n          cijLevelIndex\r\n        ){\r\n\r\n          node.classList.add(\r\n            \"done\"\r\n          );\r\n\r\n        }\r\n\r\n\r\n        if(\r\n          i-1 ===\r\n          cijLevelIndex\r\n        ){\r\n\r\n          node.classList.add(\r\n            \"active\"\r\n          );\r\n\r\n        }\r\n\r\n      }\r\n\r\n    }\r\n\r\n\r\n    \/* =========================================\r\n       IFI\r\n    ========================================= *\/\r\n\r\n    function cijSetIfi(\r\n      role,\r\n      message\r\n    ){\r\n\r\n      cijIfiAvatar.style.opacity=\r\n        \"0\";\r\n\r\n\r\n      cijIfiAvatar.style.transform=\r\n        \"translateY(6px)\";\r\n\r\n\r\n      setTimeout(\r\n\r\n        function(){\r\n\r\n          cijIfiAvatar.src=\r\n            CIJ_IFI[role];\r\n\r\n\r\n          cijIfiMessage.textContent=\r\n            message;\r\n\r\n\r\n          cijIfiAvatar.style.opacity=\r\n            \"1\";\r\n\r\n\r\n          cijIfiAvatar.style.transform=\r\n            \"translateY(0)\";\r\n\r\n        },\r\n\r\n        150\r\n\r\n      );\r\n\r\n    }\r\n\r\n\r\n    \/* =========================================\r\n       EVENT VOOR CENTRALE RUNTIME\r\n    ========================================= *\/\r\n\r\n    function cijEmit(\r\n      name,\r\n      detail\r\n    ){\r\n\r\n      window.dispatchEvent(\r\n\r\n        new CustomEvent(\r\n\r\n          name,\r\n\r\n          {\r\n            detail:detail\r\n          }\r\n\r\n        )\r\n\r\n      );\r\n\r\n    }\r\n\r\n\r\n    \/* =========================================\r\n       OBJECTEN MAKEN\r\n    ========================================= *\/\r\n\r\n    function cijCreateObjects(\r\n      amount,\r\n      icon\r\n    ){\r\n\r\n      const wrap=\r\n        document.createElement(\r\n          \"div\"\r\n        );\r\n\r\n\r\n      wrap.className=\r\n        \"cij-objecten\";\r\n\r\n\r\n      for(\r\n        let i=0;\r\n        i<amount;\r\n        i++\r\n      ){\r\n\r\n        const object=\r\n          document.createElement(\r\n            \"div\"\r\n          );\r\n\r\n\r\n        object.className=\r\n          \"cij-object\";\r\n\r\n\r\n        object.textContent=\r\n          icon || \"\ud83c\udf38\";\r\n\r\n\r\n        wrap.appendChild(\r\n          object\r\n        );\r\n\r\n      }\r\n\r\n\r\n      return wrap;\r\n\r\n    }\r\n\r\n\r\n    \/* =========================================\r\n       STIMULUS\r\n    ========================================= *\/\r\n\r\n    function cijRenderStimulus(\r\n      question\r\n    ){\r\n\r\n      cijStimulus.innerHTML=\r\n        \"\";\r\n\r\n\r\n      if(\r\n        question.type===\r\n        \"objects\"\r\n      ){\r\n\r\n        cijStimulus.appendChild(\r\n\r\n          cijCreateObjects(\r\n            question.amount,\r\n            question.icon\r\n          )\r\n\r\n        );\r\n\r\n        return;\r\n\r\n      }\r\n\r\n\r\n      if(\r\n        question.type===\r\n        \"number\"\r\n      ){\r\n\r\n        const number=\r\n          document.createElement(\r\n            \"div\"\r\n          );\r\n\r\n\r\n        number.className=\r\n          \"cij-big-number\";\r\n\r\n\r\n        number.textContent=\r\n          question.value;\r\n\r\n\r\n        cijStimulus.appendChild(\r\n          number\r\n        );\r\n\r\n        return;\r\n\r\n      }\r\n\r\n\r\n      if(\r\n        question.type===\r\n        \"word\"\r\n      ){\r\n\r\n        const word=\r\n          document.createElement(\r\n            \"div\"\r\n          );\r\n\r\n\r\n        word.className=\r\n          \"cij-number-word\";\r\n\r\n\r\n        word.textContent=\r\n          question.value;\r\n\r\n\r\n        cijStimulus.appendChild(\r\n          word\r\n        );\r\n\r\n        return;\r\n\r\n      }\r\n\r\n\r\n      if(\r\n        question.type===\r\n        \"text-number\"\r\n      ){\r\n\r\n        if(\r\n          question.showObjects\r\n        ){\r\n\r\n          cijStimulus.appendChild(\r\n\r\n            cijCreateObjects(\r\n              question.amount,\r\n              question.icon\r\n            )\r\n\r\n          );\r\n\r\n        }\r\n\r\n        else{\r\n\r\n          const word=\r\n            document.createElement(\r\n              \"div\"\r\n            );\r\n\r\n\r\n          word.className=\r\n            \"cij-number-word\";\r\n\r\n\r\n          word.textContent=\r\n            question.value;\r\n\r\n\r\n          cijStimulus.appendChild(\r\n            word\r\n          );\r\n\r\n        }\r\n\r\n        return;\r\n\r\n      }\r\n\r\n\r\n      if(\r\n        question.type===\r\n        \"sequence\"\r\n      ){\r\n\r\n        const sequence=\r\n          document.createElement(\r\n            \"div\"\r\n          );\r\n\r\n\r\n        sequence.className=\r\n          \"cij-sequence\";\r\n\r\n\r\n        question.sequence.forEach(\r\n\r\n          function(item){\r\n\r\n            const block=\r\n              document.createElement(\r\n                \"div\"\r\n              );\r\n\r\n\r\n            block.className=\r\n              \"cij-sequence-item\";\r\n\r\n\r\n            if(\r\n              item===\"?\"\r\n            ){\r\n\r\n              block.classList.add(\r\n                \"missing\"\r\n              );\r\n\r\n            }\r\n\r\n\r\n            block.textContent=\r\n              item;\r\n\r\n\r\n            sequence.appendChild(\r\n              block\r\n            );\r\n\r\n          }\r\n\r\n        );\r\n\r\n\r\n        cijStimulus.appendChild(\r\n          sequence\r\n        );\r\n\r\n      }\r\n\r\n    }\r\n\r\n\r\n    \/* =========================================\r\n       RENDER\r\n    ========================================= *\/\r\n\r\n    function cijRender(){\r\n\r\n      cijAnswered=false;\r\n\r\n\r\n      const level=\r\n        cijLevels[\r\n          cijLevelIndex\r\n        ];\r\n\r\n\r\n      const question=\r\n        level.questions[\r\n          cijQuestionIndex\r\n        ];\r\n\r\n\r\n      cijExerciseContent.style.display=\r\n        \"block\";\r\n\r\n\r\n      cijTransition.style.display=\r\n        \"none\";\r\n\r\n\r\n      cijFinish.style.display=\r\n        \"none\";\r\n\r\n\r\n      cijLevelPill.textContent=\r\n        level.title;\r\n\r\n\r\n      const overall=\r\n        cijCompletedCount()+1;\r\n\r\n\r\n      cijQuestionCounter.textContent=\r\n        \"Vraag \"+\r\n        overall+\r\n        \" van \"+\r\n        cijTotal;\r\n\r\n\r\n      cijProgressBar.style.width=\r\n        Math.round(\r\n          (\r\n            cijCompletedCount() \/\r\n            cijTotal\r\n          ) * 100\r\n        )+\"%\";\r\n\r\n\r\n      cijQuestionType.textContent=\r\n        question.label;\r\n\r\n\r\n      cijQuestionTitle.textContent=\r\n        question.question;\r\n\r\n\r\n      cijHelper.textContent=\r\n        question.helper || \"\";\r\n\r\n\r\n      cijFeedback.textContent=\r\n        \"\";\r\n\r\n\r\n      cijFeedback.className=\r\n        \"cij-feedback\";\r\n\r\n\r\n      cijNextWrap.style.display=\r\n        \"none\";\r\n\r\n\r\n      cijAnswerArea.innerHTML=\r\n        \"\";\r\n\r\n\r\n      cijRenderStimulus(\r\n        question\r\n      );\r\n\r\n\r\n      \/* =====================================\r\n         SUPPORT ALLEEN LEVEL 1\r\n      ====================================== *\/\r\n\r\n      cijSupport.style.display=\r\n        cijLevelIndex===0\r\n\r\n        ? \"block\"\r\n\r\n        : \"none\";\r\n\r\n\r\n      \/* =====================================\r\n         IFI PER LEVEL\r\n      ====================================== *\/\r\n\r\n      if(\r\n        cijLevelIndex===0\r\n      ){\r\n\r\n        cijSetIfi(\r\n\r\n          \"uitleg\",\r\n\r\n          \"Kijk rustig. Je mag de figuren \u00e9\u00e9n voor \u00e9\u00e9n aanwijzen. Daarna kies je welk cijfer erbij hoort.\"\r\n\r\n        );\r\n\r\n      }\r\n\r\n      else if(\r\n        cijLevelIndex===1\r\n      ){\r\n\r\n        cijSetIfi(\r\n\r\n          \"denken\",\r\n\r\n          \"Nu gaan we cijfers, woorden en hoeveelheden aan elkaar koppelen. Kijk goed wat hetzelfde getal betekent.\"\r\n\r\n        );\r\n\r\n      }\r\n\r\n      else{\r\n\r\n        cijSetIfi(\r\n\r\n          \"denken\",\r\n\r\n          \"Nu ga jij steeds meer zelf doen. Kijk rustig naar de rij of hoeveelheid en bedenk welk cijfer ontbreekt.\"\r\n\r\n        );\r\n\r\n      }\r\n\r\n\r\n      \/* =====================================\r\n         KEUZEVRAAG\r\n      ====================================== *\/\r\n\r\n      if(\r\n        question.answers\r\n      ){\r\n\r\n        const wrap=\r\n          document.createElement(\r\n            \"div\"\r\n          );\r\n\r\n\r\n        wrap.className=\r\n          \"cij-antwoorden\";\r\n\r\n\r\n        cijShuffle(\r\n          question.answers\r\n        )\r\n        .forEach(\r\n\r\n          function(answer){\r\n\r\n            const button=\r\n              document.createElement(\r\n                \"button\"\r\n              );\r\n\r\n\r\n            button.type=\r\n              \"button\";\r\n\r\n\r\n            button.className=\r\n              \"cij-answer\";\r\n\r\n\r\n            button.textContent=\r\n              answer;\r\n\r\n\r\n            button.addEventListener(\r\n\r\n              \"click\",\r\n\r\n              function(){\r\n\r\n                cijSubmit(\r\n                  answer,\r\n                  button\r\n                );\r\n\r\n              }\r\n\r\n            );\r\n\r\n\r\n            wrap.appendChild(\r\n              button\r\n            );\r\n\r\n          }\r\n\r\n        );\r\n\r\n\r\n        cijAnswerArea.appendChild(\r\n          wrap\r\n        );\r\n\r\n      }\r\n\r\n\r\n      \/* =====================================\r\n         TYPEVRAAG\r\n      ====================================== *\/\r\n\r\n      else{\r\n\r\n        const wrap=\r\n          document.createElement(\r\n            \"div\"\r\n          );\r\n\r\n\r\n        wrap.className=\r\n          \"cij-input-wrap\";\r\n\r\n\r\n        wrap.innerHTML=`\r\n\r\n          <input\r\n            type=\"number\"\r\n            inputmode=\"numeric\"\r\n            class=\"cij-input\"\r\n            id=\"cijTextInput\"\r\n            autocomplete=\"off\"\r\n            placeholder=\"Typ het cijfer...\"\r\n          >\r\n\r\n          <button\r\n            type=\"button\"\r\n            class=\"cij-check-btn\"\r\n            id=\"cijCheckText\">\r\n\r\n            Nakijken \ud83c\udf3f\r\n\r\n          <\/button>\r\n\r\n        `;\r\n\r\n\r\n        cijAnswerArea.appendChild(\r\n          wrap\r\n        );\r\n\r\n\r\n        const input=\r\n          document.getElementById(\r\n            \"cijTextInput\"\r\n          );\r\n\r\n\r\n        document\r\n          .getElementById(\r\n            \"cijCheckText\"\r\n          )\r\n          .addEventListener(\r\n\r\n            \"click\",\r\n\r\n            function(){\r\n\r\n              cijSubmit(\r\n                input.value,\r\n                input\r\n              );\r\n\r\n            }\r\n\r\n          );\r\n\r\n\r\n        input.addEventListener(\r\n\r\n          \"keydown\",\r\n\r\n          function(event){\r\n\r\n            if(\r\n              event.key===\r\n              \"Enter\"\r\n            ){\r\n\r\n              cijSubmit(\r\n                input.value,\r\n                input\r\n              );\r\n\r\n            }\r\n\r\n          }\r\n\r\n        );\r\n\r\n      }\r\n\r\n    }\r\n\r\n\r\n    \/* =========================================\r\n       ANTWOORD CONTROLEREN\r\n    ========================================= *\/\r\n\r\n    function cijSubmit(\r\n      value,\r\n      node\r\n    ){\r\n\r\n      if(\r\n        cijAnswered\r\n      ){\r\n\r\n        return;\r\n\r\n      }\r\n\r\n\r\n      cijAnswered=true;\r\n\r\n\r\n      const question=\r\n        cijLevels[\r\n          cijLevelIndex\r\n        ]\r\n        .questions[\r\n          cijQuestionIndex\r\n        ];\r\n\r\n\r\n      const correct=\r\n        cijNormalize(value) ===\r\n        cijNormalize(\r\n          question.correct\r\n        );\r\n\r\n\r\n      if(\r\n        correct\r\n      ){\r\n\r\n        cijCorrect++;\r\n\r\n\r\n        node.classList.add(\r\n          \"correct\"\r\n        );\r\n\r\n\r\n        const successTexts=[\r\n\r\n          \"Mooi gezien.\",\r\n\r\n          \"Dat klopt.\",\r\n\r\n          \"Goed geteld.\",\r\n\r\n          \"Ja, precies.\"\r\n\r\n        ];\r\n\r\n\r\n        cijFeedback.textContent=\r\n          successTexts[\r\n            Math.floor(\r\n              Math.random() *\r\n              successTexts.length\r\n            )\r\n          ];\r\n\r\n\r\n        cijFeedback.className=\r\n          \"cij-feedback good\";\r\n\r\n\r\n        const ifiSuccess=[\r\n\r\n          \"Mooi gezien. Dat cijfer past precies bij de hoeveelheid.\",\r\n\r\n          \"Ja, precies. Goed rustig geteld.\",\r\n\r\n          \"Dat klopt. Je hebt het getal goed gekoppeld.\",\r\n\r\n          \"Goed gedaan. Ga maar rustig verder.\"\r\n\r\n        ];\r\n\r\n\r\n        cijSetIfi(\r\n\r\n          \"goed\",\r\n\r\n          ifiSuccess[\r\n            Math.floor(\r\n              Math.random() *\r\n              ifiSuccess.length\r\n            )\r\n          ]\r\n\r\n        );\r\n\r\n      }\r\n\r\n      else{\r\n\r\n        node.classList.add(\r\n          \"try-again\"\r\n        );\r\n\r\n\r\n        cijFeedback.textContent=\r\n          \"Kijk nog eens rustig. Het goede antwoord is \"+\r\n          question.correct+\r\n          \".\";\r\n\r\n\r\n        cijFeedback.className=\r\n          \"cij-feedback retry\";\r\n\r\n\r\n        if(\r\n          cijLevelIndex===0\r\n        ){\r\n\r\n          cijSetIfi(\r\n\r\n            \"denken\",\r\n\r\n            \"Dat geeft niet. Probeer de figuren \u00e9\u00e9n voor \u00e9\u00e9n aan te wijzen en tel opnieuw vanaf \u00e9\u00e9n.\"\r\n\r\n          );\r\n\r\n        }\r\n\r\n        else if(\r\n          cijLevelIndex===1\r\n        ){\r\n\r\n          cijSetIfi(\r\n\r\n            \"denken\",\r\n\r\n            \"Kijk nog eens rustig. Het cijfer, het woord en de hoeveelheid vertellen allemaal hetzelfde getal.\"\r\n\r\n          );\r\n\r\n        }\r\n\r\n        else{\r\n\r\n          cijSetIfi(\r\n\r\n            \"denken\",\r\n\r\n            \"Kijk naar het getal ervoor en erna. Welk cijfer past precies op de lege plek?\"\r\n\r\n          );\r\n\r\n        }\r\n\r\n      }\r\n\r\n\r\n      cijAnswerArea\r\n        .querySelectorAll(\r\n          \"button,input\"\r\n        )\r\n        .forEach(\r\n\r\n          function(item){\r\n\r\n            item.disabled=true;\r\n\r\n          }\r\n\r\n        );\r\n\r\n\r\n      cijNextWrap.style.display=\r\n        \"block\";\r\n\r\n\r\n      cijEmit(\r\n\r\n        \"withifi:cijfers-answer\",\r\n\r\n        {\r\n\r\n          world:\r\n            \"getallenwereld\",\r\n\r\n          topic:\r\n            \"Cijfers\",\r\n\r\n          level:\r\n            cijLevelIndex+1,\r\n\r\n          questionType:\r\n            question.type,\r\n\r\n          answer:\r\n            value,\r\n\r\n          expected:\r\n            question.correct,\r\n\r\n          isCorrect:\r\n            correct\r\n\r\n        }\r\n\r\n      );\r\n\r\n    }\r\n\r\n\r\n    \/* =========================================\r\n       VOLGENDE\r\n    ========================================= *\/\r\n\r\n    function cijNext(){\r\n\r\n      const level=\r\n        cijLevels[\r\n          cijLevelIndex\r\n        ];\r\n\r\n\r\n      cijQuestionIndex++;\r\n\r\n\r\n      if(\r\n        cijQuestionIndex <\r\n        level.questions.length\r\n      ){\r\n\r\n        cijRender();\r\n\r\n        return;\r\n\r\n      }\r\n\r\n\r\n      if(\r\n        cijLevelIndex <\r\n        cijLevels.length-1\r\n      ){\r\n\r\n        cijShowTransition();\r\n\r\n        return;\r\n\r\n      }\r\n\r\n\r\n      cijComplete();\r\n\r\n    }\r\n\r\n\r\n    \/* =========================================\r\n       LEVEL OVERGANG\r\n    ========================================= *\/\r\n\r\n    function cijShowTransition(){\r\n\r\n      cijExerciseContent.style.display=\r\n        \"none\";\r\n\r\n\r\n      cijTransition.style.display=\r\n        \"block\";\r\n\r\n\r\n      if(\r\n        cijLevelIndex===0\r\n      ){\r\n\r\n        cijTransitionTitle.textContent=\r\n          \"\ud83c\udf3f Klaar voor Level 2\";\r\n\r\n\r\n        cijTransitionText.textContent=\r\n          \"Je kunt cijfers 1 tot en met 5 al herkennen en kleine hoeveelheden tellen. Nu gaan we cijfers tot 10 koppelen aan hoeveelheden en getalwoorden.\";\r\n\r\n\r\n        cijSetIfi(\r\n\r\n          \"uitleg\",\r\n\r\n          \"Nu gaan we een klein stapje verder. E\u00e9n getal kan je als cijfer zien, als woord lezen en als hoeveelheid tellen.\"\r\n\r\n        );\r\n\r\n      }\r\n\r\n      else{\r\n\r\n        cijTransitionTitle.textContent=\r\n          \"\ud83c\udf33 Klaar voor Level 3\";\r\n\r\n\r\n        cijTransitionText.textContent=\r\n          \"Je kunt cijfers, hoeveelheden en getalwoorden al bij elkaar zoeken. Nu ga jij steeds meer zelf invullen.\";\r\n\r\n\r\n        cijSetIfi(\r\n\r\n          \"goed\",\r\n\r\n          \"Ik zie dat je er klaar voor bent. Nu krijg je minder antwoordknoppen en ga jij zelf het ontbrekende cijfer bedenken.\"\r\n\r\n        );\r\n\r\n      }\r\n\r\n    }\r\n\r\n\r\n    function cijNextLevel(){\r\n\r\n      cijLevelIndex++;\r\n\r\n      cijQuestionIndex=0;\r\n\r\n\r\n      cijUpdateRoute();\r\n\r\n      cijRender();\r\n\r\n    }\r\n\r\n\r\n    \/* =========================================\r\n       KLAAR\r\n    ========================================= *\/\r\n\r\n    function cijComplete(){\r\n\r\n      cijExerciseContent.style.display=\r\n        \"none\";\r\n\r\n\r\n      cijTransition.style.display=\r\n        \"none\";\r\n\r\n\r\n      cijFinish.style.display=\r\n        \"block\";\r\n\r\n\r\n      cijProgressBar.style.width=\r\n        \"100%\";\r\n\r\n\r\n      const percentage=\r\n        Math.round(\r\n          (\r\n            cijCorrect \/\r\n            cijTotal\r\n          ) * 100\r\n        );\r\n\r\n\r\n      cijResultText.innerHTML=\r\n\r\n        \"Je hebt alle drie de levels doorlopen.<br>\" +\r\n\r\n        \"Je had <strong>\" +\r\n        cijCorrect +\r\n        \" van de \" +\r\n        cijTotal +\r\n        \"<\/strong> opdrachten goed (\" +\r\n        percentage +\r\n        \"%).<br><br>\" +\r\n\r\n        \"Je hebt geoefend met cijfers herkennen, hoeveelheden koppelen en zelf getallen aanvullen.\";\r\n\r\n\r\n      cijSetIfi(\r\n\r\n        \"goed\",\r\n\r\n        \"Goed gedaan. Je kunt cijfers niet alleen herkennen, maar ook koppelen aan hoeveelheden en gebruiken in een getallenrij.\"\r\n\r\n      );\r\n\r\n\r\n      cijEmit(\r\n\r\n        \"withifi:cijfers-complete\",\r\n\r\n        {\r\n\r\n          world:\r\n            \"getallenwereld\",\r\n\r\n          topic:\r\n            \"Cijfers\",\r\n\r\n          levelsCompleted:\r\n            3,\r\n\r\n          correct:\r\n            cijCorrect,\r\n\r\n          total:\r\n            cijTotal,\r\n\r\n          percentage:\r\n            percentage\r\n\r\n        }\r\n\r\n      );\r\n\r\n    }\r\n\r\n\r\n    \/* =========================================\r\n       OPNIEUW\r\n    ========================================= *\/\r\n\r\n    function cijRestart(){\r\n\r\n      cijLevelIndex=0;\r\n\r\n      cijQuestionIndex=0;\r\n\r\n      cijCorrect=0;\r\n\r\n      cijAnswered=false;\r\n\r\n\r\n      cijLevels.forEach(\r\n\r\n        function(level){\r\n\r\n          level.questions=\r\n            cijShuffle(\r\n              level.questions\r\n            );\r\n\r\n        }\r\n\r\n      );\r\n\r\n\r\n      cijUpdateRoute();\r\n\r\n\r\n      cijSetIfi(\r\n\r\n        \"uitleg\",\r\n\r\n        \"We beginnen gewoon opnieuw. Kijk rustig naar het cijfer of tel de figuren \u00e9\u00e9n voor \u00e9\u00e9n.\"\r\n\r\n      );\r\n\r\n\r\n      cijRender();\r\n\r\n    }\r\n\r\n\r\n    \/* =========================================\r\n       EVENTS\r\n    ========================================= *\/\r\n\r\n    cijNextBtn.addEventListener(\r\n      \"click\",\r\n      cijNext\r\n    );\r\n\r\n\r\n    cijStartNextLevel.addEventListener(\r\n      \"click\",\r\n      cijNextLevel\r\n    );\r\n\r\n\r\n    document\r\n      .getElementById(\r\n        \"cijRestartBtn\"\r\n      )\r\n      .addEventListener(\r\n        \"click\",\r\n        cijRestart\r\n      );\r\n\r\n\r\n    \/* =========================================\r\n       START\r\n    ========================================= *\/\r\n\r\n    cijUpdateRoute();\r\n\r\n    cijRender();\r\n\r\n  }\r\n\r\n);\r\n\r\n<\/script>\r\n\r\n<!-- With Ifi centrale Sprint 2-runtime: Custom Code 4038 -->\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>\ud83d\udd22 Getallenwereld Oefenen met cijfers. Cijfers vertellen ons hoeveel iets is. Eerst gaan we cijfers herkennen. Daarna koppelen we cijfers aan hoeveelheden en uiteindelijk ga je steeds meer zelf doen. \ud83c\udf31 Level 1 \u00b7 Herkennen Cijfers 1 tot en met 5 herkennen en tellen. \ud83c\udf3f Level 2 \u00b7 Koppelen Cijfers, hoeveelheden en getalwoorden bij elkaar [&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-2029","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/withifi.muhubonurture.nl\/index.php?rest_route=\/wp\/v2\/pages\/2029","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=2029"}],"version-history":[{"count":49,"href":"https:\/\/withifi.muhubonurture.nl\/index.php?rest_route=\/wp\/v2\/pages\/2029\/revisions"}],"predecessor-version":[{"id":4433,"href":"https:\/\/withifi.muhubonurture.nl\/index.php?rest_route=\/wp\/v2\/pages\/2029\/revisions\/4433"}],"wp:attachment":[{"href":"https:\/\/withifi.muhubonurture.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2029"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}