{"id":2670,"date":"2026-05-20T04:03:40","date_gmt":"2026-05-20T04:03:40","guid":{"rendered":"https:\/\/withifi.muhubonurture.nl\/?p=2670"},"modified":"2026-08-30T05:10:48","modified_gmt":"2026-08-30T05:10:48","slug":"lijdend-voorwerp-oefenen","status":"publish","type":"post","link":"https:\/\/withifi.muhubonurture.nl\/?p=2670","title":{"rendered":"Lijdend Voorwerp Oefenen"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"2670\" class=\"elementor elementor-2670\" data-elementor-post-type=\"post\">\n\t\t\t\t<div class=\"elementor-element elementor-element-caf08f3 e-con-full e-flex e-con e-parent\" data-id=\"caf08f3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a48d68f elementor-widget elementor-widget-html\" data-id=\"a48d68f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =====================================================\r\n     WITH IFI \u2014 LIJDEND VOORWERP OEFENEN\r\n     3 rustige levels \u2022 zelfde systeem als overige pagina's\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.lv-page{\r\n  min-height:100vh;\r\n\r\n  padding:7rem 6vw 5rem;\r\n\r\n  color:#3A2B24;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle at 12% 18%,\r\n      rgba(255,255,255,.86) 0%,\r\n      transparent 30%\r\n    ),\r\n    radial-gradient(\r\n      circle at 88% 22%,\r\n      rgba(255,234,242,.42) 0%,\r\n      transparent 32%\r\n    ),\r\n    radial-gradient(\r\n      circle at 18% 84%,\r\n      rgba(228,244,237,.48) 0%,\r\n      transparent 34%\r\n    ),\r\n    linear-gradient(\r\n      135deg,\r\n      #FFF9F3 0%,\r\n      #F3FBF8 48%,\r\n      #EEF7FE 100%\r\n    );\r\n}\r\n\r\n\r\n.lv-wrap{\r\n  max-width:1120px;\r\n  margin:0 auto;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   HERO\r\n===================================================== *\/\r\n\r\n.lv-hero{\r\n  max-width:960px;\r\n\r\n  margin:0 auto 2.2rem;\r\n\r\n  padding:3rem 3.2rem;\r\n\r\n  border-radius:40px;\r\n\r\n  text-align:center;\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:\r\n    0 16px 42px rgba(90,70,55,.07);\r\n\r\n  backdrop-filter:blur(16px);\r\n  -webkit-backdrop-filter:blur(16px);\r\n}\r\n\r\n\r\n.lv-label{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:.45rem;\r\n\r\n  margin-bottom:1.15rem;\r\n\r\n  padding:10px 17px;\r\n\r\n  border-radius:999px;\r\n\r\n  background:rgba(255,255,255,.82);\r\n\r\n  border:1px solid rgba(255,255,255,.96);\r\n\r\n  color:#8B6B55;\r\n\r\n  font-size:.9rem;\r\n\r\n  font-weight:900;\r\n}\r\n\r\n\r\n.lv-hero h1{\r\n  margin:0 0 1rem;\r\n\r\n  font-size:clamp(42px,6vw,68px);\r\n\r\n  line-height:1.05;\r\n\r\n  color:#3A2B24;\r\n\r\n  font-weight:950;\r\n}\r\n\r\n\r\n.lv-hero p{\r\n  max-width:760px;\r\n\r\n  margin:0 auto;\r\n\r\n  font-size:18px;\r\n\r\n  line-height:1.85;\r\n\r\n  color:#745C4D;\r\n\r\n  font-weight:650;\r\n}\r\n\r\n\r\n.lv-formule{\r\n  display:inline-block;\r\n\r\n  margin-top:1.3rem;\r\n\r\n  padding:11px 18px;\r\n\r\n  border-radius:18px;\r\n\r\n  background:#FFF2DF;\r\n\r\n  color:#6B5141;\r\n\r\n  font-size:.95rem;\r\n\r\n  font-weight:900;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   LEVEL ROUTE\r\n===================================================== *\/\r\n\r\n.lv-route{\r\n  max-width:960px;\r\n\r\n  margin:0 auto 2rem;\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:repeat(3,1fr);\r\n\r\n  gap:1rem;\r\n}\r\n\r\n\r\n.lv-route-card{\r\n  position:relative;\r\n\r\n  min-height:140px;\r\n\r\n  padding:1.4rem;\r\n\r\n  border-radius:28px;\r\n\r\n  border:1px solid rgba(255,255,255,.95);\r\n\r\n  box-shadow:\r\n    0 10px 26px rgba(90,70,55,.05);\r\n\r\n  overflow:hidden;\r\n\r\n  transition:.25s ease;\r\n}\r\n\r\n\r\n.lv-route-card:nth-child(1){\r\n  background:#FFF2DF;\r\n}\r\n\r\n.lv-route-card:nth-child(2){\r\n  background:#EAF7F1;\r\n}\r\n\r\n.lv-route-card:nth-child(3){\r\n  background:#FFEAF2;\r\n}\r\n\r\n\r\n.lv-route-card::after{\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  width:95px;\r\n  height:95px;\r\n\r\n  border-radius:50%;\r\n\r\n  right:-30px;\r\n  top:-30px;\r\n\r\n  background:rgba(255,255,255,.42);\r\n}\r\n\r\n\r\n.lv-route-icon{\r\n  width:46px;\r\n  height:46px;\r\n\r\n  margin-bottom:.85rem;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  border-radius:16px;\r\n\r\n  background:rgba(255,255,255,.78);\r\n\r\n  font-size:1.3rem;\r\n\r\n  position:relative;\r\n  z-index:2;\r\n}\r\n\r\n\r\n.lv-route-card h3{\r\n  position:relative;\r\n  z-index:2;\r\n\r\n  margin:0 0 .35rem;\r\n\r\n  color:#3A2B24;\r\n\r\n  font-size:1.05rem;\r\n\r\n  font-weight:950;\r\n}\r\n\r\n\r\n.lv-route-card p{\r\n  position:relative;\r\n  z-index:2;\r\n\r\n  margin:0;\r\n\r\n  color:#765F50;\r\n\r\n  font-size:.9rem;\r\n\r\n  line-height:1.55;\r\n\r\n  font-weight:650;\r\n}\r\n\r\n\r\n.lv-route-card.locked{\r\n  opacity:.50;\r\n  filter:saturate(.65);\r\n}\r\n\r\n\r\n.lv-route-card.completed{\r\n  opacity:1;\r\n}\r\n\r\n\r\n.lv-route-card.current{\r\n  transform:translateY(-4px);\r\n\r\n  box-shadow:\r\n    0 16px 34px rgba(90,70,55,.10);\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   OEFENOMGEVING\r\n===================================================== *\/\r\n\r\n.lv-stage{\r\n  max-width:960px;\r\n\r\n  margin:0 auto 2.5rem;\r\n\r\n  padding:2.3rem;\r\n\r\n  border-radius:38px;\r\n\r\n  background:rgba(255,255,255,.78);\r\n\r\n  border:1px solid rgba(255,255,255,.96);\r\n\r\n  box-shadow:\r\n    0 18px 44px rgba(90,70,55,.08);\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   BOVENKANT LEVEL\r\n===================================================== *\/\r\n\r\n.lv-stage-top{\r\n  display:flex;\r\n\r\n  align-items:center;\r\n  justify-content:space-between;\r\n\r\n  gap:1rem;\r\n\r\n  margin-bottom:1rem;\r\n}\r\n\r\n\r\n.lv-level-pill,\r\n.lv-question-pill{\r\n  display:inline-flex;\r\n\r\n  align-items:center;\r\n\r\n  padding:9px 15px;\r\n\r\n  border-radius:999px;\r\n\r\n  background:rgba(255,255,255,.90);\r\n\r\n  border:1px solid rgba(255,255,255,.96);\r\n\r\n  color:#7A6455;\r\n\r\n  font-size:.86rem;\r\n\r\n  font-weight:900;\r\n}\r\n\r\n\r\n.lv-progress-wrap{\r\n  width:100%;\r\n\r\n  height:10px;\r\n\r\n  margin-bottom:2rem;\r\n\r\n  border-radius:999px;\r\n\r\n  overflow:hidden;\r\n\r\n  background:#F3ECE7;\r\n}\r\n\r\n\r\n.lv-progress{\r\n  width:0%;\r\n\r\n  height:100%;\r\n\r\n  border-radius:999px;\r\n\r\n  background:linear-gradient(\r\n    90deg,\r\n    #F5D5BD 0%,\r\n    #BFDCCE 100%\r\n  );\r\n\r\n  transition:width .35s ease;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   LEVEL INTRO\r\n===================================================== *\/\r\n\r\n.lv-level-head{\r\n  margin-bottom:1.7rem;\r\n\r\n  text-align:center;\r\n}\r\n\r\n\r\n.lv-level-head h2{\r\n  margin:0 0 .45rem;\r\n\r\n  color:#3A2B24;\r\n\r\n  font-size:clamp(27px,4vw,38px);\r\n\r\n  font-weight:950;\r\n}\r\n\r\n\r\n.lv-level-head p{\r\n  max-width:650px;\r\n\r\n  margin:0 auto;\r\n\r\n  color:#765F50;\r\n\r\n  font-size:1rem;\r\n\r\n  line-height:1.7;\r\n\r\n  font-weight:650;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   OEFENGRID\r\n===================================================== *\/\r\n\r\n.lv-grid{\r\n  display:grid;\r\n\r\n  grid-template-columns:repeat(2,minmax(0,1fr));\r\n\r\n  gap:1rem;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   OEFENKAART\r\n===================================================== *\/\r\n\r\n.lv-card{\r\n  padding:1.45rem;\r\n\r\n  border-radius:26px;\r\n\r\n  background:#FFF6E8;\r\n\r\n  border:1px solid rgba(255,255,255,.96);\r\n\r\n  box-shadow:\r\n    0 8px 20px rgba(90,70,55,.04);\r\n}\r\n\r\n\r\n.lv-card:nth-child(even){\r\n  background:#EEF8F4;\r\n}\r\n\r\n\r\n.lv-zin{\r\n  margin-bottom:.65rem;\r\n\r\n  color:#3A2B24;\r\n\r\n  font-size:1.05rem;\r\n\r\n  line-height:1.55;\r\n\r\n  font-weight:900;\r\n}\r\n\r\n\r\n.lv-vraag{\r\n  margin-bottom:1rem;\r\n\r\n  color:#7A6455;\r\n\r\n  font-size:.92rem;\r\n\r\n  line-height:1.5;\r\n\r\n  font-weight:800;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   ANTWOORDEN\r\n===================================================== *\/\r\n\r\n.lv-antwoorden{\r\n  display:flex;\r\n\r\n  flex-wrap:wrap;\r\n\r\n  gap:.65rem;\r\n}\r\n\r\n\r\n.lv-answer{\r\n  flex:1;\r\n\r\n  min-width:110px;\r\n\r\n  padding:.8rem 1rem;\r\n\r\n  border-radius:999px;\r\n\r\n  border:1px solid rgba(235,216,202,.75);\r\n\r\n  background:rgba(255,255,255,.76);\r\n\r\n  color:#513C31 !important;\r\n\r\n  font-family:'Inter',sans-serif;\r\n\r\n  font-size:.86rem;\r\n\r\n  font-weight:900;\r\n\r\n  cursor:pointer;\r\n\r\n  transition:.2s ease;\r\n}\r\n\r\n\r\n.lv-answer:hover:not(:disabled){\r\n  transform:translateY(-2px);\r\n\r\n  background:#FFFFFF;\r\n}\r\n\r\n\r\n.lv-answer.correct{\r\n  background:#DDF5E4 !important;\r\n\r\n  border-color:#B7DEC4 !important;\r\n\r\n  color:#2F6A46 !important;\r\n}\r\n\r\n\r\n.lv-answer.wrong{\r\n  background:#FFE5E5 !important;\r\n\r\n  border-color:#F0C7C7 !important;\r\n\r\n  color:#985353 !important;\r\n}\r\n\r\n\r\n.lv-answer:disabled{\r\n  cursor:default;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   INPUT LEVEL 3\r\n===================================================== *\/\r\n\r\n.lv-input{\r\n  width:100%;\r\n\r\n  padding:1rem 1.1rem;\r\n\r\n  box-sizing:border-box;\r\n\r\n  border-radius:18px;\r\n\r\n  border:1px solid #E6D8CC;\r\n\r\n  outline:none;\r\n\r\n  background:rgba(255,255,255,.82);\r\n\r\n  color:#3A2B24;\r\n\r\n  font-family:'Inter',sans-serif;\r\n\r\n  font-size:.95rem;\r\n\r\n  transition:.2s ease;\r\n}\r\n\r\n\r\n.lv-input:focus{\r\n  border-color:#B5D6C5;\r\n\r\n  box-shadow:\r\n    0 0 0 4px rgba(181,214,197,.22);\r\n}\r\n\r\n\r\n.lv-input.correct{\r\n  background:#E5F6E9;\r\n\r\n  border-color:#B7DEC4;\r\n}\r\n\r\n\r\n.lv-input.wrong{\r\n  background:#FFECEC;\r\n\r\n  border-color:#EDC5C5;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   NAKIJKKNOP\r\n===================================================== *\/\r\n\r\n.lv-check{\r\n  margin-top:.8rem;\r\n\r\n  padding:.85rem 1.35rem;\r\n\r\n  border:0;\r\n\r\n  border-radius:999px;\r\n\r\n  background:#DDEEFF;\r\n\r\n  color:#3A2B24;\r\n\r\n  font-family:'Inter',sans-serif;\r\n\r\n  font-size:.88rem;\r\n\r\n  font-weight:900;\r\n\r\n  cursor:pointer;\r\n\r\n  transition:.2s ease;\r\n}\r\n\r\n\r\n.lv-check:hover{\r\n  transform:translateY(-2px);\r\n\r\n  background:#CFE5F9;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   FEEDBACK\r\n===================================================== *\/\r\n\r\n.lv-feedback{\r\n  display:none;\r\n\r\n  margin-top:.85rem;\r\n\r\n  padding:.8rem 1rem;\r\n\r\n  border-radius:16px;\r\n\r\n  background:rgba(255,255,255,.72);\r\n\r\n  color:#765F50;\r\n\r\n  font-size:.86rem;\r\n\r\n  line-height:1.55;\r\n\r\n  font-weight:750;\r\n}\r\n\r\n\r\n.lv-feedback.show{\r\n  display:block;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   LEVEL KLAAR\r\n===================================================== *\/\r\n\r\n.lv-complete{\r\n  display:none;\r\n\r\n  margin-top:1.7rem;\r\n\r\n  padding:1.4rem;\r\n\r\n  border-radius:24px;\r\n\r\n  text-align:center;\r\n\r\n  background:\r\n    linear-gradient(\r\n      135deg,\r\n      #E8F7EE 0%,\r\n      #F7FCF9 100%\r\n    );\r\n\r\n  color:#39674A;\r\n\r\n  font-weight:800;\r\n\r\n  line-height:1.7;\r\n}\r\n\r\n\r\n.lv-complete.show{\r\n  display:block;\r\n}\r\n\r\n\r\n.lv-next{\r\n  display:inline-flex;\r\n\r\n  margin-top:1rem;\r\n\r\n  padding:.85rem 1.4rem;\r\n\r\n  border:0;\r\n\r\n  border-radius:999px;\r\n\r\n  background:#FFFFFF;\r\n\r\n  color:#3A2B24;\r\n\r\n  font-family:'Inter',sans-serif;\r\n\r\n  font-weight:900;\r\n\r\n  cursor:pointer;\r\n\r\n  box-shadow:\r\n    0 7px 18px rgba(90,70,55,.06);\r\n\r\n  transition:.2s ease;\r\n}\r\n\r\n\r\n.lv-next:hover{\r\n  transform:translateY(-2px);\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   REMINDER\r\n===================================================== *\/\r\n\r\n.lv-note{\r\n  max-width:720px;\r\n\r\n  margin:0 auto;\r\n\r\n  padding:1.5rem 1.8rem;\r\n\r\n  border-radius:26px;\r\n\r\n  text-align:center;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle at 12% 18%,\r\n      rgba(255,255,255,.90) 0%,\r\n      transparent 34%\r\n    ),\r\n    radial-gradient(\r\n      circle at 88% 22%,\r\n      rgba(255,234,242,.56) 0%,\r\n      transparent 34%\r\n    ),\r\n    linear-gradient(\r\n      135deg,\r\n      #FFF8EF 0%,\r\n      #F3FBF8 48%,\r\n      #EEF7FE 100%\r\n    );\r\n\r\n  border:1px solid rgba(255,255,255,.95);\r\n\r\n  box-shadow:\r\n    0 14px 34px rgba(90,70,55,.06);\r\n\r\n  color:#745C4D;\r\n\r\n  font-size:.95rem;\r\n\r\n  line-height:1.7;\r\n\r\n  font-weight:700;\r\n}\r\n\r\n\r\n.lv-note strong{\r\n  color:#3A2B24;\r\n}\r\n\r\n\r\n\/* =====================================================\r\n   MOBIEL\r\n===================================================== *\/\r\n\r\n@media(max-width:850px){\r\n\r\n  .lv-page{\r\n    padding:5.5rem 5vw 4rem;\r\n  }\r\n\r\n  .lv-hero{\r\n    padding:2.3rem 1.7rem;\r\n  }\r\n\r\n  .lv-route{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  .lv-stage{\r\n    padding:1.6rem;\r\n  }\r\n\r\n  .lv-grid{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  .lv-stage-top{\r\n    justify-content:center;\r\n    flex-wrap:wrap;\r\n  }\r\n\r\n}\r\n\r\n\r\n@media(max-width:520px){\r\n\r\n  .lv-answer{\r\n    width:100%;\r\n    flex-basis:100%;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<section\r\n  class=\"lv-page\"\r\n  data-withifi-world=\"taalwereld\"\r\n  data-withifi-page=\"lijdend-voorwerp\"\r\n>\r\n\r\n  <div class=\"lv-wrap\">\r\n\r\n\r\n    <!-- =================================================\r\n         HERO\r\n    ================================================== -->\r\n\r\n    <div class=\"lv-hero\">\r\n\r\n      <div class=\"lv-label\">\r\n        \ud83c\udfaf Lijdend voorwerp\r\n      <\/div>\r\n\r\n      <h1>\r\n        Oefenen met het lijdend voorwerp.\r\n      <\/h1>\r\n\r\n      <p>\r\n        Zoek eerst het gezegde en het onderwerp.\r\n        Daarna stel je \u00e9\u00e9n rustige vraag.\r\n        Het antwoord op die vraag is het lijdend voorwerp.\r\n      <\/p>\r\n\r\n      <div class=\"lv-formule\">\r\n        Wie of wat + gezegde + onderwerp?\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =================================================\r\n         ROUTE\r\n    ================================================== -->\r\n\r\n    <div class=\"lv-route\">\r\n\r\n      <div\r\n        class=\"lv-route-card current\"\r\n        id=\"route1\"\r\n      >\r\n\r\n        <div class=\"lv-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          Kies het lijdend voorwerp uit drie antwoorden.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div\r\n        class=\"lv-route-card locked\"\r\n        id=\"route2\"\r\n      >\r\n\r\n        <div class=\"lv-route-icon\">\r\n          \ud83c\udf3f\r\n        <\/div>\r\n\r\n        <h3>\r\n          Level 2 \u00b7 Zoeken\r\n        <\/h3>\r\n\r\n        <p>\r\n          De zinnen worden langer en vragen meer aandacht.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div\r\n        class=\"lv-route-card locked\"\r\n        id=\"route3\"\r\n      >\r\n\r\n        <div class=\"lv-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          Nu typ je het lijdend voorwerp helemaal zelf.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =================================================\r\n         OEFENOMGEVING\r\n    ================================================== -->\r\n\r\n    <div class=\"lv-stage\">\r\n\r\n      <div class=\"lv-stage-top\">\r\n\r\n        <div\r\n          class=\"lv-level-pill\"\r\n          id=\"levelLabel\"\r\n        >\r\n          \ud83c\udf31 Level 1\r\n        <\/div>\r\n\r\n        <div\r\n          class=\"lv-question-pill\"\r\n          id=\"progressText\"\r\n        >\r\n          0 van 10 goed\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"lv-progress-wrap\">\r\n\r\n        <div\r\n          class=\"lv-progress\"\r\n          id=\"progressBar\"\r\n        ><\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"lv-level-head\">\r\n\r\n        <h2 id=\"levelTitle\">\r\n          Herkennen\r\n        <\/h2>\r\n\r\n        <p id=\"levelIntro\">\r\n          Lees de zin en kies rustig het lijdend voorwerp.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div\r\n        class=\"lv-grid\"\r\n        id=\"exerciseGrid\"\r\n      ><\/div>\r\n\r\n\r\n      <div\r\n        class=\"lv-complete\"\r\n        id=\"completeBox\"\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=\"lv-note\">\r\n\r\n      Kleine reminder \ud83c\udf38<br>\r\n\r\n      Vraag:\r\n      <strong>\r\n        wie of wat + gezegde + onderwerp?\r\n      <\/strong>\r\n\r\n      <br>\r\n\r\n      Het antwoord is het\r\n      <strong>lijdend voorwerp<\/strong>.\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    \/* =====================================================\r\n       DATA\r\n    ===================================================== *\/\r\n\r\n    const levels = {\r\n\r\n\r\n      \/* -------------------------------------------------\r\n         LEVEL 1\r\n      -------------------------------------------------- *\/\r\n\r\n      1:{\r\n\r\n        icon:\"\ud83c\udf31\",\r\n\r\n        title:\"Herkennen\",\r\n\r\n        intro:\r\n          \"Lees de zin en kies rustig het lijdend voorwerp.\",\r\n\r\n        type:\"choice\",\r\n\r\n        questions:[\r\n\r\n          {\r\n            zin:\"Sara eet een appel.\",\r\n            vraag:\"Wat eet Sara?\",\r\n            answer:\"een appel\",\r\n            options:[\r\n              \"Sara\",\r\n              \"eet\",\r\n              \"een appel\"\r\n            ]\r\n          },\r\n\r\n          {\r\n            zin:\"De hond pakt de bal.\",\r\n            vraag:\"Wat pakt de hond?\",\r\n            answer:\"de bal\",\r\n            options:[\r\n              \"De hond\",\r\n              \"pakt\",\r\n              \"de bal\"\r\n            ]\r\n          },\r\n\r\n          {\r\n            zin:\"Ali leest een boek.\",\r\n            vraag:\"Wat leest Ali?\",\r\n            answer:\"een boek\",\r\n            options:[\r\n              \"Ali\",\r\n              \"leest\",\r\n              \"een boek\"\r\n            ]\r\n          },\r\n\r\n          {\r\n            zin:\"Mama kookt soep.\",\r\n            vraag:\"Wat kookt mama?\",\r\n            answer:\"soep\",\r\n            options:[\r\n              \"Mama\",\r\n              \"kookt\",\r\n              \"soep\"\r\n            ]\r\n          },\r\n\r\n          {\r\n            zin:\"Papa wast de auto.\",\r\n            vraag:\"Wat wast papa?\",\r\n            answer:\"de auto\",\r\n            options:[\r\n              \"Papa\",\r\n              \"wast\",\r\n              \"de auto\"\r\n            ]\r\n          },\r\n\r\n          {\r\n            zin:\"De kat drinkt melk.\",\r\n            vraag:\"Wat drinkt de kat?\",\r\n            answer:\"melk\",\r\n            options:[\r\n              \"De kat\",\r\n              \"drinkt\",\r\n              \"melk\"\r\n            ]\r\n          },\r\n\r\n          {\r\n            zin:\"Noor tekent een ster.\",\r\n            vraag:\"Wat tekent Noor?\",\r\n            answer:\"een ster\",\r\n            options:[\r\n              \"Noor\",\r\n              \"tekent\",\r\n              \"een ster\"\r\n            ]\r\n          },\r\n\r\n          {\r\n            zin:\"De kinderen bouwen een toren.\",\r\n            vraag:\"Wat bouwen de kinderen?\",\r\n            answer:\"een toren\",\r\n            options:[\r\n              \"De kinderen\",\r\n              \"bouwen\",\r\n              \"een toren\"\r\n            ]\r\n          },\r\n\r\n          {\r\n            zin:\"Oma snijdt brood.\",\r\n            vraag:\"Wat snijdt oma?\",\r\n            answer:\"brood\",\r\n            options:[\r\n              \"Oma\",\r\n              \"snijdt\",\r\n              \"brood\"\r\n            ]\r\n          },\r\n\r\n          {\r\n            zin:\"De jongen gooit de steen.\",\r\n            vraag:\"Wat gooit de jongen?\",\r\n            answer:\"de steen\",\r\n            options:[\r\n              \"De jongen\",\r\n              \"gooit\",\r\n              \"de steen\"\r\n            ]\r\n          }\r\n\r\n        ]\r\n\r\n      },\r\n\r\n\r\n      \/* -------------------------------------------------\r\n         LEVEL 2\r\n      -------------------------------------------------- *\/\r\n\r\n      2:{\r\n\r\n        icon:\"\ud83c\udf3f\",\r\n\r\n        title:\"Zelfstandiger zoeken\",\r\n\r\n        intro:\r\n          \"De zinnen worden iets langer. Gebruik dezelfde vraag als bij level 1.\",\r\n\r\n        type:\"choice\",\r\n\r\n        questions:[\r\n\r\n          {\r\n            zin:\"Mijn zusje schrijft een mooie brief.\",\r\n            vraag:\"Wat schrijft mijn zusje?\",\r\n            answer:\"een mooie brief\",\r\n            options:[\r\n              \"Mijn zusje\",\r\n              \"een mooie brief\",\r\n              \"schrijft\"\r\n            ]\r\n          },\r\n\r\n          {\r\n            zin:\"De bakker verkoopt vers brood.\",\r\n            vraag:\"Wat verkoopt de bakker?\",\r\n            answer:\"vers brood\",\r\n            options:[\r\n              \"vers brood\",\r\n              \"De bakker\",\r\n              \"verkoopt\"\r\n            ]\r\n          },\r\n\r\n          {\r\n            zin:\"De juf vertelt een spannend verhaal.\",\r\n            vraag:\"Wat vertelt de juf?\",\r\n            answer:\"een spannend verhaal\",\r\n            options:[\r\n              \"De juf\",\r\n              \"vertelt\",\r\n              \"een spannend verhaal\"\r\n            ]\r\n          },\r\n\r\n          {\r\n            zin:\"Wij maken een grote puzzel.\",\r\n            vraag:\"Wat maken wij?\",\r\n            answer:\"een grote puzzel\",\r\n            options:[\r\n              \"Wij\",\r\n              \"een grote puzzel\",\r\n              \"maken\"\r\n            ]\r\n          },\r\n\r\n          {\r\n            zin:\"De dokter helpt de zieke jongen.\",\r\n            vraag:\"Wie helpt de dokter?\",\r\n            answer:\"de zieke jongen\",\r\n            options:[\r\n              \"De dokter\",\r\n              \"helpt\",\r\n              \"de zieke jongen\"\r\n            ]\r\n          },\r\n\r\n          {\r\n            zin:\"Mijn vader koopt nieuwe schoenen.\",\r\n            vraag:\"Wat koopt mijn vader?\",\r\n            answer:\"nieuwe schoenen\",\r\n            options:[\r\n              \"nieuwe schoenen\",\r\n              \"Mijn vader\",\r\n              \"koopt\"\r\n            ]\r\n          },\r\n\r\n          {\r\n            zin:\"Het meisje plukt gele bloemen.\",\r\n            vraag:\"Wat plukt het meisje?\",\r\n            answer:\"gele bloemen\",\r\n            options:[\r\n              \"Het meisje\",\r\n              \"gele bloemen\",\r\n              \"plukt\"\r\n            ]\r\n          },\r\n\r\n          {\r\n            zin:\"De buurman schildert de rode deur.\",\r\n            vraag:\"Wat schildert de buurman?\",\r\n            answer:\"de rode deur\",\r\n            options:[\r\n              \"De buurman\",\r\n              \"schildert\",\r\n              \"de rode deur\"\r\n            ]\r\n          },\r\n\r\n          {\r\n            zin:\"De kinderen zingen een vrolijk lied.\",\r\n            vraag:\"Wat zingen de kinderen?\",\r\n            answer:\"een vrolijk lied\",\r\n            options:[\r\n              \"een vrolijk lied\",\r\n              \"zingen\",\r\n              \"De kinderen\"\r\n            ]\r\n          },\r\n\r\n          {\r\n            zin:\"Mijn oma bakt lekkere koekjes.\",\r\n            vraag:\"Wat bakt mijn oma?\",\r\n            answer:\"lekkere koekjes\",\r\n            options:[\r\n              \"Mijn oma\",\r\n              \"bakt\",\r\n              \"lekkere koekjes\"\r\n            ]\r\n          }\r\n\r\n        ]\r\n\r\n      },\r\n\r\n\r\n      \/* -------------------------------------------------\r\n         LEVEL 3\r\n      -------------------------------------------------- *\/\r\n\r\n      3:{\r\n\r\n        icon:\"\ud83c\udf33\",\r\n\r\n        title:\"Zelf doen\",\r\n\r\n        intro:\r\n          \"Nu krijg je geen antwoorden meer. Typ zelf het lijdend voorwerp.\",\r\n\r\n        type:\"input\",\r\n\r\n        questions:[\r\n\r\n          {\r\n            zin:\"Fatima leest een spannend boek.\",\r\n            vraag:\"Wat leest Fatima?\",\r\n            answer:\"een spannend boek\"\r\n          },\r\n\r\n          {\r\n            zin:\"De jongen tekent een blauwe auto.\",\r\n            vraag:\"Wat tekent de jongen?\",\r\n            answer:\"een blauwe auto\"\r\n          },\r\n\r\n          {\r\n            zin:\"Mijn moeder maakt warme thee.\",\r\n            vraag:\"Wat maakt mijn moeder?\",\r\n            answer:\"warme thee\"\r\n          },\r\n\r\n          {\r\n            zin:\"De meester schrijft een moeilijke som.\",\r\n            vraag:\"Wat schrijft de meester?\",\r\n            answer:\"een moeilijke som\"\r\n          },\r\n\r\n          {\r\n            zin:\"De hond zoekt zijn bot.\",\r\n            vraag:\"Wat zoekt de hond?\",\r\n            answer:\"zijn bot\"\r\n          },\r\n\r\n          {\r\n            zin:\"Wij eten verse aardbeien.\",\r\n            vraag:\"Wat eten wij?\",\r\n            answer:\"verse aardbeien\"\r\n          },\r\n\r\n          {\r\n            zin:\"De baby pakt de zachte knuffel.\",\r\n            vraag:\"Wat pakt de baby?\",\r\n            answer:\"de zachte knuffel\"\r\n          },\r\n\r\n          {\r\n            zin:\"Mijn broer repareert zijn fiets.\",\r\n            vraag:\"Wat repareert mijn broer?\",\r\n            answer:\"zijn fiets\"\r\n          },\r\n\r\n          {\r\n            zin:\"De kok snijdt de groenten.\",\r\n            vraag:\"Wat snijdt de kok?\",\r\n            answer:\"de groenten\"\r\n          },\r\n\r\n          {\r\n            zin:\"Samira koopt een nieuw schrift.\",\r\n            vraag:\"Wat koopt Samira?\",\r\n            answer:\"een nieuw schrift\"\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 currentLevel = 1;\r\n\r\n    let unlockedLevel = 1;\r\n\r\n    let scores = {\r\n      1:0,\r\n      2:0,\r\n      3:0\r\n    };\r\n\r\n\r\n    let solved = {\r\n      1:new Set(),\r\n      2:new Set(),\r\n      3:new Set()\r\n    };\r\n\r\n\r\n    \/* =====================================================\r\n       ELEMENTEN\r\n    ===================================================== *\/\r\n\r\n    const grid =\r\n      document.getElementById(\r\n        \"exerciseGrid\"\r\n      );\r\n\r\n    const levelLabel =\r\n      document.getElementById(\r\n        \"levelLabel\"\r\n      );\r\n\r\n    const levelTitle =\r\n      document.getElementById(\r\n        \"levelTitle\"\r\n      );\r\n\r\n    const levelIntro =\r\n      document.getElementById(\r\n        \"levelIntro\"\r\n      );\r\n\r\n    const progressText =\r\n      document.getElementById(\r\n        \"progressText\"\r\n      );\r\n\r\n    const progressBar =\r\n      document.getElementById(\r\n        \"progressBar\"\r\n      );\r\n\r\n    const completeBox =\r\n      document.getElementById(\r\n        \"completeBox\"\r\n      );\r\n\r\n\r\n    \/* =====================================================\r\n       TEKST SCHOONMAKEN\r\n    ===================================================== *\/\r\n\r\n    function cleanText(value){\r\n\r\n      return String(value)\r\n        .trim()\r\n        .toLowerCase()\r\n        .replace(\/\\s+\/g,\" \");\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       ROUTE UPDATEN\r\n    ===================================================== *\/\r\n\r\n    function updateRoute(){\r\n\r\n      for(\r\n        let number = 1;\r\n        number <= 3;\r\n        number++\r\n      ){\r\n\r\n        const card =\r\n          document.getElementById(\r\n            \"route\" + number\r\n          );\r\n\r\n\r\n        card.classList.remove(\r\n          \"current\",\r\n          \"locked\",\r\n          \"completed\"\r\n        );\r\n\r\n\r\n        if(number === currentLevel){\r\n\r\n          card.classList.add(\r\n            \"current\"\r\n          );\r\n\r\n        }\r\n\r\n\r\n        if(number > unlockedLevel){\r\n\r\n          card.classList.add(\r\n            \"locked\"\r\n          );\r\n\r\n        }\r\n\r\n\r\n        if(\r\n          scores[number] ===\r\n          levels[number].questions.length\r\n        ){\r\n\r\n          card.classList.add(\r\n            \"completed\"\r\n          );\r\n\r\n        }\r\n\r\n      }\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       PROGRESS\r\n    ===================================================== *\/\r\n\r\n    function updateProgress(){\r\n\r\n      const total =\r\n        levels[currentLevel]\r\n          .questions.length;\r\n\r\n\r\n      const score =\r\n        scores[currentLevel];\r\n\r\n\r\n      const percentage =\r\n        (score \/ total) * 100;\r\n\r\n\r\n      progressText.textContent =\r\n        score +\r\n        \" van \" +\r\n        total +\r\n        \" goed\";\r\n\r\n\r\n      progressBar.style.width =\r\n        percentage + \"%\";\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       FEEDBACK\r\n    ===================================================== *\/\r\n\r\n    function showFeedback(\r\n      card,\r\n      message\r\n    ){\r\n\r\n      const feedback =\r\n        card.querySelector(\r\n          \".lv-feedback\"\r\n        );\r\n\r\n\r\n      feedback.innerHTML =\r\n        message;\r\n\r\n\r\n      feedback.classList.add(\r\n        \"show\"\r\n      );\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       LEVEL KLAAR\r\n    ===================================================== *\/\r\n\r\n    function checkLevelComplete(){\r\n\r\n      const total =\r\n        levels[currentLevel]\r\n          .questions.length;\r\n\r\n\r\n      if(\r\n        scores[currentLevel] !==\r\n        total\r\n      ){\r\n        return;\r\n      }\r\n\r\n\r\n      updateRoute();\r\n\r\n\r\n      if(currentLevel < 3){\r\n\r\n        const nextLevel =\r\n          currentLevel + 1;\r\n\r\n\r\n        unlockedLevel =\r\n          Math.max(\r\n            unlockedLevel,\r\n            nextLevel\r\n          );\r\n\r\n\r\n        completeBox.innerHTML = `\r\n\r\n          \ud83c\udf3f Mooi gedaan.\r\n          Je hebt alle opdrachten van dit level goed.\r\n\r\n          <br>\r\n\r\n          <button\r\n            type=\"button\"\r\n            class=\"lv-next\"\r\n            id=\"nextLevelButton\"\r\n          >\r\n            Naar level ${nextLevel} \u2192\r\n          <\/button>\r\n\r\n        `;\r\n\r\n\r\n        completeBox.classList.add(\r\n          \"show\"\r\n        );\r\n\r\n\r\n        document\r\n          .getElementById(\r\n            \"nextLevelButton\"\r\n          )\r\n          .addEventListener(\r\n            \"click\",\r\n            function(){\r\n\r\n              currentLevel =\r\n                nextLevel;\r\n\r\n\r\n              renderLevel();\r\n\r\n\r\n              document\r\n                .querySelector(\r\n                  \".lv-stage\"\r\n                )\r\n                .scrollIntoView({\r\n                  behavior:\"smooth\",\r\n                  block:\"start\"\r\n                });\r\n\r\n            }\r\n          );\r\n\r\n      }\r\n\r\n\r\n      else{\r\n\r\n        completeBox.innerHTML = `\r\n\r\n          \ud83c\udf89 Goed gedaan.\r\n\r\n          <br>\r\n\r\n          Je hebt alle drie de levels\r\n          van het lijdend voorwerp afgerond.\r\n\r\n        `;\r\n\r\n\r\n        completeBox.classList.add(\r\n          \"show\"\r\n        );\r\n\r\n      }\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       MULTIPLE CHOICE\r\n    ===================================================== *\/\r\n\r\n    function createChoiceCard(\r\n      question,\r\n      index\r\n    ){\r\n\r\n      const card =\r\n        document.createElement(\r\n          \"div\"\r\n        );\r\n\r\n\r\n      card.className =\r\n        \"lv-card\";\r\n\r\n\r\n      card.innerHTML = `\r\n\r\n        <div class=\"lv-zin\">\r\n          ${question.zin}\r\n        <\/div>\r\n\r\n        <div class=\"lv-vraag\">\r\n          ${question.vraag}\r\n        <\/div>\r\n\r\n        <div class=\"lv-antwoorden\"><\/div>\r\n\r\n        <div class=\"lv-feedback\"><\/div>\r\n\r\n      `;\r\n\r\n\r\n      const answers =\r\n        card.querySelector(\r\n          \".lv-antwoorden\"\r\n        );\r\n\r\n\r\n      question.options\r\n        .forEach(\r\n          function(option){\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              \"lv-answer\";\r\n\r\n\r\n            button.textContent =\r\n              option;\r\n\r\n\r\n            button.addEventListener(\r\n              \"click\",\r\n              function(){\r\n\r\n                if(\r\n                  solved[currentLevel]\r\n                    .has(index)\r\n                ){\r\n                  return;\r\n                }\r\n\r\n\r\n                const chosen =\r\n                  cleanText(\r\n                    option\r\n                  );\r\n\r\n\r\n                const correct =\r\n                  cleanText(\r\n                    question.answer\r\n                  );\r\n\r\n\r\n                if(\r\n                  chosen ===\r\n                  correct\r\n                ){\r\n\r\n                  button.classList.add(\r\n                    \"correct\"\r\n                  );\r\n\r\n\r\n                  solved[currentLevel]\r\n                    .add(index);\r\n\r\n\r\n                  scores[currentLevel]++;\r\n\r\n\r\n                  card\r\n                    .querySelectorAll(\r\n                      \".lv-answer\"\r\n                    )\r\n                    .forEach(\r\n                      function(btn){\r\n\r\n                        btn.disabled =\r\n                          true;\r\n\r\n                      }\r\n                    );\r\n\r\n\r\n                  showFeedback(\r\n                    card,\r\n                    \"\ud83c\udf38 Goed gezien. <strong>\" +\r\n                    question.answer +\r\n                    \"<\/strong> is het lijdend voorwerp.\"\r\n                  );\r\n\r\n\r\n                  updateProgress();\r\n\r\n                  checkLevelComplete();\r\n\r\n                }\r\n\r\n\r\n                else{\r\n\r\n                  button.classList.add(\r\n                    \"wrong\"\r\n                  );\r\n\r\n\r\n                  showFeedback(\r\n                    card,\r\n                    \"\ud83c\udf3f Nog niet. Lees de vraag nog eens rustig en probeer opnieuw.\"\r\n                  );\r\n\r\n                }\r\n\r\n              }\r\n            );\r\n\r\n\r\n            answers.appendChild(\r\n              button\r\n            );\r\n\r\n          }\r\n        );\r\n\r\n\r\n      return card;\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       TYPE CARD\r\n    ===================================================== *\/\r\n\r\n    function createInputCard(\r\n      question,\r\n      index\r\n    ){\r\n\r\n      const card =\r\n        document.createElement(\r\n          \"div\"\r\n        );\r\n\r\n\r\n      card.className =\r\n        \"lv-card\";\r\n\r\n\r\n      card.innerHTML = `\r\n\r\n        <div class=\"lv-zin\">\r\n          ${question.zin}\r\n        <\/div>\r\n\r\n        <div class=\"lv-vraag\">\r\n          ${question.vraag}\r\n        <\/div>\r\n\r\n        <input\r\n          type=\"text\"\r\n          class=\"lv-input\"\r\n          placeholder=\"Typ hier het lijdend voorwerp...\"\r\n          autocomplete=\"off\"\r\n        >\r\n\r\n        <button\r\n          type=\"button\"\r\n          class=\"lv-check\"\r\n        >\r\n          Nakijken \ud83c\udf3f\r\n        <\/button>\r\n\r\n        <div class=\"lv-feedback\"><\/div>\r\n\r\n      `;\r\n\r\n\r\n      const input =\r\n        card.querySelector(\r\n          \".lv-input\"\r\n        );\r\n\r\n\r\n      const check =\r\n        card.querySelector(\r\n          \".lv-check\"\r\n        );\r\n\r\n\r\n      function checkAnswer(){\r\n\r\n        if(\r\n          solved[currentLevel]\r\n            .has(index)\r\n        ){\r\n          return;\r\n        }\r\n\r\n\r\n        const typed =\r\n          cleanText(\r\n            input.value\r\n          );\r\n\r\n\r\n        const correct =\r\n          cleanText(\r\n            question.answer\r\n          );\r\n\r\n\r\n        input.classList.remove(\r\n          \"correct\",\r\n          \"wrong\"\r\n        );\r\n\r\n\r\n        if(\r\n          typed ===\r\n          correct\r\n        ){\r\n\r\n          input.classList.add(\r\n            \"correct\"\r\n          );\r\n\r\n\r\n          solved[currentLevel]\r\n            .add(index);\r\n\r\n\r\n          scores[currentLevel]++;\r\n\r\n\r\n          input.disabled =\r\n            true;\r\n\r\n\r\n          check.disabled =\r\n            true;\r\n\r\n\r\n          showFeedback(\r\n            card,\r\n            \"\ud83c\udf38 Precies. <strong>\" +\r\n            question.answer +\r\n            \"<\/strong> is het lijdend voorwerp.\"\r\n          );\r\n\r\n\r\n          updateProgress();\r\n\r\n          checkLevelComplete();\r\n\r\n        }\r\n\r\n\r\n        else{\r\n\r\n          input.classList.add(\r\n            \"wrong\"\r\n          );\r\n\r\n\r\n          showFeedback(\r\n            card,\r\n            \"\ud83c\udf3f Kijk nog eens naar de zin. Stel rustig de vraag opnieuw.\"\r\n          );\r\n\r\n        }\r\n\r\n      }\r\n\r\n\r\n      check.addEventListener(\r\n        \"click\",\r\n        checkAnswer\r\n      );\r\n\r\n\r\n      input.addEventListener(\r\n        \"keydown\",\r\n        function(event){\r\n\r\n          if(\r\n            event.key ===\r\n            \"Enter\"\r\n          ){\r\n\r\n            checkAnswer();\r\n\r\n          }\r\n\r\n        }\r\n      );\r\n\r\n\r\n      return card;\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       LEVEL RENDEREN\r\n    ===================================================== *\/\r\n\r\n    function renderLevel(){\r\n\r\n      const level =\r\n        levels[currentLevel];\r\n\r\n\r\n      grid.innerHTML =\r\n        \"\";\r\n\r\n\r\n      completeBox.innerHTML =\r\n        \"\";\r\n\r\n\r\n      completeBox.classList.remove(\r\n        \"show\"\r\n      );\r\n\r\n\r\n      levelLabel.textContent =\r\n        level.icon +\r\n        \" Level \" +\r\n        currentLevel;\r\n\r\n\r\n      levelTitle.textContent =\r\n        level.title;\r\n\r\n\r\n      levelIntro.textContent =\r\n        level.intro;\r\n\r\n\r\n      level.questions\r\n        .forEach(\r\n          function(\r\n            question,\r\n            index\r\n          ){\r\n\r\n            const card =\r\n              level.type ===\r\n              \"choice\"\r\n                ? createChoiceCard(\r\n                    question,\r\n                    index\r\n                  )\r\n                : createInputCard(\r\n                    question,\r\n                    index\r\n                  );\r\n\r\n\r\n            grid.appendChild(\r\n              card\r\n            );\r\n\r\n          }\r\n        );\r\n\r\n\r\n      updateProgress();\r\n\r\n      updateRoute();\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       START\r\n    ===================================================== *\/\r\n\r\n    renderLevel();\r\n\r\n  }\r\n);\r\n\r\n<\/script>\r\n\r\n\r\n<!--\r\n  With Ifi centrale navigatie:\r\n  data-withifi-world=\"taalwereld\"\r\n\r\n  Daardoor verschijnt automatisch:\r\n  \u2190 Taalwereld\r\n-->\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>\ud83c\udfaf Lijdend voorwerp Oefenen met het lijdend voorwerp. Zoek eerst het gezegde en het onderwerp. Daarna stel je \u00e9\u00e9n rustige vraag. Het antwoord op die vraag is het lijdend voorwerp. Wie of wat + gezegde + onderwerp? \ud83c\udf31 Level 1 \u00b7 Herkennen Kies het lijdend voorwerp uit drie antwoorden. \ud83c\udf3f Level 2 \u00b7 Zoeken De [&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-2670","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\/2670","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=2670"}],"version-history":[{"count":13,"href":"https:\/\/withifi.muhubonurture.nl\/index.php?rest_route=\/wp\/v2\/posts\/2670\/revisions"}],"predecessor-version":[{"id":4520,"href":"https:\/\/withifi.muhubonurture.nl\/index.php?rest_route=\/wp\/v2\/posts\/2670\/revisions\/4520"}],"wp:attachment":[{"href":"https:\/\/withifi.muhubonurture.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2670"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/withifi.muhubonurture.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2670"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/withifi.muhubonurture.nl\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2670"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}