{"id":2434,"date":"2026-05-15T01:26:19","date_gmt":"2026-05-15T01:26:19","guid":{"rendered":"https:\/\/withifi.muhubonurture.nl\/?p=2434"},"modified":"2026-05-15T02:22:11","modified_gmt":"2026-05-15T02:22:11","slug":"wie-doet-iets-2","status":"publish","type":"post","link":"https:\/\/withifi.muhubonurture.nl\/?p=2434","title":{"rendered":"01 Wie Doet Iets"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"2434\" class=\"elementor elementor-2434\" data-elementor-post-type=\"post\">\n\t\t\t\t<div class=\"elementor-element elementor-element-55ece3c e-con-full e-flex e-con e-parent\" data-id=\"55ece3c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-01b535f elementor-widget elementor-widget-html\" data-id=\"01b535f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\nbody{\r\n  margin:0;\r\n  font-family:'Inter',sans-serif;\r\n}\r\n\r\n.wie-page{\r\n  min-height:100vh;\r\n  padding:7rem 7vw;\r\n  color:#3A2B24;\r\n\r\n  background:\r\n    radial-gradient(circle at 18% 20%, rgba(255,255,255,0.78) 0%, transparent 30%),\r\n    radial-gradient(circle at 82% 28%, rgba(255,225,234,0.38) 0%, transparent 32%),\r\n    radial-gradient(circle at 50% 82%, rgba(255,244,228,0.42) 0%, transparent 36%),\r\n    linear-gradient(135deg,#FFF7F8 0%,#EEF7F3 45%,#FFF8ED 100%);\r\n}\r\n\r\n\/* HERO *\/\r\n\r\n.wie-hero{\r\n  max-width:960px;\r\n  padding:3.2rem;\r\n  border-radius:40px;\r\n\r\n  background:rgba(255,255,255,0.62);\r\n  border:1px solid rgba(255,255,255,0.96);\r\n\r\n  box-shadow:0 16px 42px rgba(90,70,55,0.08);\r\n\r\n  backdrop-filter:blur(16px);\r\n  -webkit-backdrop-filter:blur(16px);\r\n\r\n  margin-bottom:3.5rem;\r\n}\r\n\r\n.wie-label{\r\n  display:inline-block;\r\n  padding:11px 20px;\r\n  border-radius:999px;\r\n\r\n  background:rgba(255,255,255,0.72);\r\n  border:1px solid rgba(255,255,255,0.95);\r\n\r\n  color:#8B6B55;\r\n  font-weight:900;\r\n\r\n  margin-bottom:1.3rem;\r\n}\r\n\r\n.wie-hero h1{\r\n  font-size:clamp(48px,6vw,76px);\r\n  line-height:1;\r\n  margin:0 0 1.2rem;\r\n\r\n  color:#3A2B24;\r\n  font-weight:900;\r\n}\r\n\r\n.wie-hero p{\r\n  font-size:20px;\r\n  line-height:1.9;\r\n  color:#7A6455;\r\n  font-weight:650;\r\n  max-width:780px;\r\n}\r\n\r\n\/* UITLEG *\/\r\n\r\n.uitleg-blok{\r\n  max-width:960px;\r\n  margin-bottom:3rem;\r\n\r\n  display:grid;\r\n  grid-template-columns:repeat(3,1fr);\r\n  gap:1.3rem;\r\n}\r\n\r\n.uitleg-card{\r\n  padding:1.6rem;\r\n  border-radius:30px;\r\n\r\n  background:rgba(255,255,255,0.54);\r\n  border:1px solid rgba(255,255,255,0.94);\r\n\r\n  box-shadow:0 10px 28px rgba(90,70,55,0.06);\r\n}\r\n\r\n.uitleg-icon{\r\n  width:54px;\r\n  height:54px;\r\n  border-radius:20px;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  background:#FFEAF1;\r\n  font-size:1.7rem;\r\n\r\n  margin-bottom:1rem;\r\n}\r\n\r\n.uitleg-card h3{\r\n  margin:0 0 .7rem;\r\n  font-size:1.25rem;\r\n  color:#3A2B24;\r\n  font-weight:900;\r\n}\r\n\r\n.uitleg-card p{\r\n  margin:0;\r\n  font-size:1rem;\r\n  line-height:1.7;\r\n  color:#7A6455;\r\n  font-weight:650;\r\n}\r\n\r\n\/* OEFENING *\/\r\n\r\n.wie-grid{\r\n  display:grid;\r\n  grid-template-columns:repeat(2,1fr);\r\n  gap:1.5rem;\r\n}\r\n\r\n.wie-card{\r\n  background:rgba(255,246,230,0.78);\r\n  border-radius:32px;\r\n  padding:2rem;\r\n\r\n  border:1px solid rgba(255,255,255,0.95);\r\n  box-shadow:0 12px 30px rgba(90,70,55,0.07);\r\n}\r\n\r\n.wie-card:nth-child(even){\r\n  background:rgba(238,247,243,0.78);\r\n}\r\n\r\n.wie-icon{\r\n  width:58px;\r\n  height:58px;\r\n  border-radius:22px;\r\n\r\n  background:rgba(255,255,255,0.72);\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  font-size:1.8rem;\r\n  margin-bottom:1rem;\r\n}\r\n\r\n.zin{\r\n  font-size:1.45rem;\r\n  line-height:1.6;\r\n  color:#3A2B24;\r\n  font-weight:900;\r\n  margin-bottom:1rem;\r\n}\r\n\r\n.vraag{\r\n  font-size:1.1rem;\r\n  line-height:1.6;\r\n  color:#7A6455;\r\n  font-weight:800;\r\n  margin-bottom:1.2rem;\r\n}\r\n\r\n\/* ANTWOORDEN *\/\r\n\r\n.antwoorden{\r\n  display:flex;\r\n  gap:1rem;\r\n  flex-wrap:wrap;\r\n}\r\n\r\n.antwoord-btn{\r\n  flex:1;\r\n  min-width:130px;\r\n\r\n  padding:1rem 1.4rem;\r\n  border:none;\r\n  border-radius:22px;\r\n\r\n  background:#FFF8F1;\r\n  color:#3A2B24;\r\n\r\n  font-size:1.05rem;\r\n  font-weight:900;\r\n\r\n  cursor:pointer;\r\n  transition:.25s ease;\r\n\r\n  border:2px solid rgba(255,255,255,0.92);\r\n  box-shadow:0 8px 20px rgba(90,70,55,0.06);\r\n}\r\n\r\n.antwoord-btn:hover{\r\n  transform:translateY(-2px);\r\n  background:#FFEAF1;\r\n}\r\n\r\n.antwoord-btn{\r\n  flex:1;\r\n  min-width:130px;\r\n\r\n  padding:1rem 1.4rem;\r\n  border-radius:22px;\r\n\r\n  background:#FFF3EA;\r\n  color:#4A342A !important;\r\n\r\n  font-size:1.08rem;\r\n  font-weight:950;\r\n\r\n  cursor:pointer;\r\n  transition:.25s ease;\r\n\r\n  border:2px solid rgba(232,205,188,0.75);\r\n  box-shadow:0 8px 20px rgba(90,70,55,0.06);\r\n}\r\n\r\n.antwoord-btn:hover{\r\n  transform:translateY(-2px);\r\n  background:#F8E2DB;\r\n  color:#3A2B24 !important;\r\n  border-color:#EBC7BA;\r\n}\r\n\r\n\/* FEEDBACK *\/\r\n\r\n.card-feedback{\r\n  margin-top:1rem;\r\n  padding:1rem 1.2rem;\r\n  border-radius:18px;\r\n\r\n  background:rgba(255,255,255,0.65);\r\n\r\n  color:#7A6455;\r\n  font-size:1rem;\r\n  line-height:1.6;\r\n  font-weight:750;\r\n\r\n  display:none;\r\n}\r\n\r\n\/* EINDBLOK *\/\r\n\r\n.eind-feedback{\r\n  margin-top:3rem;\r\n  padding:2rem;\r\n  border-radius:30px;\r\n\r\n  background:rgba(255,255,255,0.58);\r\n  border:1px solid rgba(255,255,255,0.95);\r\n\r\n  text-align:center;\r\n  color:#7A6455;\r\n  font-size:1.1rem;\r\n  line-height:1.8;\r\n  font-weight:750;\r\n}\r\n\r\n\/* MOBILE *\/\r\n\r\n@media(max-width:900px){\r\n\r\n  .wie-page{\r\n    padding:5rem 6vw;\r\n    text-align:center;\r\n  }\r\n\r\n  .uitleg-blok{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  .wie-grid{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  .uitleg-icon,\r\n  .wie-icon{\r\n    margin-left:auto;\r\n    margin-right:auto;\r\n  }\r\n\r\n  .antwoorden{\r\n    justify-content:center;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"wie-page\">\r\n\r\n  <div class=\"wie-hero\">\r\n\r\n    <div class=\"wie-label\">\r\n      \ud83d\udc64 Zinnenwereld\r\n    <\/div>\r\n\r\n    <h1>Wie doet iets?<\/h1>\r\n\r\n    <p>\r\n      In elke zin gebeurt er iets.\r\n      Eerst kijken we rustig:\r\n      wie doet het?\r\n    <\/p>\r\n\r\n    <p>\r\n      Later noemen we dat het onderwerp.\r\n      Maar nu oefenen we gewoon:\r\n      wie doet iets?\r\n    <\/p>\r\n\r\n  <\/div>\r\n\r\n  <div class=\"uitleg-blok\">\r\n\r\n    <div class=\"uitleg-card\">\r\n      <div class=\"uitleg-icon\">\ud83d\udc40<\/div>\r\n      <h3>Kijk naar de zin<\/h3>\r\n      <p>\r\n        Lees rustig.\r\n        Er staat iemand of iets in de zin.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"uitleg-card\">\r\n      <div class=\"uitleg-icon\">\u2753<\/div>\r\n      <h3>Vraag: wie?<\/h3>\r\n      <p>\r\n        Vraag jezelf:\r\n        wie doet dit?\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"uitleg-card\">\r\n      <div class=\"uitleg-icon\">\ud83c\udf3f<\/div>\r\n      <h3>Rustig kiezen<\/h3>\r\n      <p>\r\n        Kies het stukje van de zin\r\n        dat iets doet.\r\n      <\/p>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <div class=\"wie-grid\" id=\"wieGrid\"><\/div>\r\n\r\n  <div class=\"eind-feedback\" id=\"eindFeedback\">\r\n    \ud83c\udf3f Neem rustig de tijd.<br>\r\n    Eerst begrijpen wie iets doet, daarna gaan we verder.\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded',()=>{\r\n\r\nconst opdrachten = [\r\n\r\n{\r\nicoon:'\ud83d\udc3b',\r\nzin:'De beer slaapt.',\r\nvraag:'Wie slaapt?',\r\nantwoord:'De beer',\r\nopties:['De beer','slaapt']\r\n},\r\n\r\n{\r\nicoon:'\ud83d\udc67',\r\nzin:'Sara eet een appel.',\r\nvraag:'Wie eet een appel?',\r\nantwoord:'Sara',\r\nopties:['Sara','een appel']\r\n},\r\n\r\n{\r\nicoon:'\ud83d\udc36',\r\nzin:'De hond rent buiten.',\r\nvraag:'Wie rent buiten?',\r\nantwoord:'De hond',\r\nopties:['De hond','buiten']\r\n},\r\n\r\n{\r\nicoon:'\ud83d\udc66',\r\nzin:'Ali leest een boek.',\r\nvraag:'Wie leest een boek?',\r\nantwoord:'Ali',\r\nopties:['Ali','een boek']\r\n},\r\n\r\n{\r\nicoon:'\ud83d\udc31',\r\nzin:'De kat ligt op de bank.',\r\nvraag:'Wie ligt op de bank?',\r\nantwoord:'De kat',\r\nopties:['De kat','de bank']\r\n},\r\n\r\n{\r\nicoon:'\ud83d\udc69',\r\nzin:'Mama kookt soep.',\r\nvraag:'Wie kookt soep?',\r\nantwoord:'Mama',\r\nopties:['Mama','soep']\r\n},\r\n\r\n{\r\nicoon:'\ud83e\uddd2',\r\nzin:'Noor tekent een bloem.',\r\nvraag:'Wie tekent een bloem?',\r\nantwoord:'Noor',\r\nopties:['Noor','een bloem']\r\n},\r\n\r\n{\r\nicoon:'\ud83d\udc26',\r\nzin:'De vogel zingt zacht.',\r\nvraag:'Wie zingt zacht?',\r\nantwoord:'De vogel',\r\nopties:['De vogel','zacht']\r\n},\r\n\r\n{\r\nicoon:'\ud83d\udc68',\r\nzin:'Papa wast de auto.',\r\nvraag:'Wie wast de auto?',\r\nantwoord:'Papa',\r\nopties:['Papa','de auto']\r\n},\r\n\r\n{\r\nicoon:'\ud83e\uddf8',\r\nzin:'De beer zit op de stoel.',\r\nvraag:'Wie zit op de stoel?',\r\nantwoord:'De beer',\r\nopties:['De beer','de stoel']\r\n}\r\n\r\n];\r\n\r\nconst grid = document.getElementById('wieGrid');\r\n\r\nopdrachten.forEach((item,index)=>{\r\n\r\ngrid.innerHTML += `\r\n\r\n<div class=\"wie-card\">\r\n\r\n  <div class=\"wie-icon\">\r\n    ${item.icoon}\r\n  <\/div>\r\n\r\n  <div class=\"zin\">\r\n    ${item.zin}\r\n  <\/div>\r\n\r\n  <div class=\"vraag\">\r\n    ${item.vraag}\r\n  <\/div>\r\n\r\n  <div class=\"antwoorden\">\r\n\r\n    <button\r\n      class=\"antwoord-btn\"\r\n      onclick=\"controleer(this,'${item.opties[0]}','${item.antwoord}')\"\r\n    >\r\n      ${item.opties[0]}\r\n    <\/button>\r\n\r\n    <button\r\n      class=\"antwoord-btn\"\r\n      onclick=\"controleer(this,'${item.opties[1]}','${item.antwoord}')\"\r\n    >\r\n      ${item.opties[1]}\r\n    <\/button>\r\n\r\n  <\/div>\r\n\r\n  <div class=\"card-feedback\"><\/div>\r\n\r\n<\/div>\r\n\r\n`;\r\n\r\n});\r\n\r\n});\r\n\r\nfunction controleer(btn,keuze,antwoord){\r\n\r\nconst card = btn.closest('.wie-card');\r\nconst buttons = card.querySelectorAll('.antwoord-btn');\r\nconst feedback = card.querySelector('.card-feedback');\r\n\r\nbuttons.forEach(button=>{\r\n  button.classList.remove('goed','fout');\r\n});\r\n\r\nfeedback.style.display = 'block';\r\n\r\nif(keuze === antwoord){\r\n\r\nbtn.classList.add('goed');\r\n\r\nfeedback.innerHTML = `\r\n\ud83c\udf38 Goed gezien.<br>\r\n<strong>${antwoord}<\/strong> doet iets in deze zin.\r\n`;\r\n\r\n}else{\r\n\r\nbtn.classList.add('fout');\r\n\r\nbuttons.forEach(button=>{\r\n  if(button.textContent.trim() === antwoord){\r\n    button.classList.add('goed');\r\n  }\r\n});\r\n\r\nfeedback.innerHTML = `\r\n\ud83c\udf3f Kijk rustig opnieuw.<br>\r\nWie doet iets? Het goede antwoord is:\r\n<strong>${antwoord}<\/strong>.\r\n`;\r\n\r\n}\r\n\r\n}\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\ud83d\udc64 Zinnenwereld Wie doet iets? In elke zin gebeurt er iets. Eerst kijken we rustig: wie doet het? Later noemen we dat het onderwerp. Maar nu oefenen we gewoon: wie doet iets? \ud83d\udc40 Kijk naar de zin Lees rustig. Er staat iemand of iets in de zin. \u2753 Vraag: wie? Vraag jezelf: wie doet dit? [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[9],"tags":[],"class_list":["post-2434","post","type-post","status-publish","format-standard","hentry","category-taalwereld"],"_links":{"self":[{"href":"https:\/\/withifi.muhubonurture.nl\/index.php?rest_route=\/wp\/v2\/posts\/2434","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=2434"}],"version-history":[{"count":9,"href":"https:\/\/withifi.muhubonurture.nl\/index.php?rest_route=\/wp\/v2\/posts\/2434\/revisions"}],"predecessor-version":[{"id":2467,"href":"https:\/\/withifi.muhubonurture.nl\/index.php?rest_route=\/wp\/v2\/posts\/2434\/revisions\/2467"}],"wp:attachment":[{"href":"https:\/\/withifi.muhubonurture.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2434"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/withifi.muhubonurture.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2434"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/withifi.muhubonurture.nl\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2434"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}