Samenvatting \u2013 Boek<\/title>\r\n <meta name=\"description\" content=\"Mooie, printvriendelijke samenvattingspagina met post-it begrippen, TL;DR en boeknavigatie.\" \/>\r\n <style>\r\n \/* ====== Design tokens ====== *\/\r\n :root {\r\n --bg: #f7f7fb;\r\n --surface: #ffffff;\r\n --ink: #0b1020;\r\n --muted: #5e647a;\r\n --accent: #5b7cfa; \/* primaire accentkleur *\/\r\n --accent-2: #9a7bf9; \/* verloop voor knoppen *\/\r\n --ring: rgba(91,124,250,.35);\r\n --shadow: 0 10px 30px rgba(11,16,32,.08);\r\n --radius: 18px;\r\n --note: #fff4b1; \/* post-it geel *\/\r\n --note-ink: #3e3a17;\r\n --success: #2ecc71;\r\n --danger: #ff6b6b;\r\n }\r\n\r\n @media (prefers-color-scheme: dark) {\r\n :root {\r\n --bg: #0e1220;\r\n --surface: #151a2c;\r\n --ink: #eef1ff;\r\n --muted: #a9b0d1;\r\n --accent: #7aa2ff;\r\n --accent-2: #b690ff;\r\n --ring: rgba(122,162,255,.35);\r\n --shadow: 0 10px 30px rgba(0,0,0,.35);\r\n --note: #f6dd7b;\r\n --note-ink: #2a2610;\r\n }\r\n }\r\n\r\n \/* ====== Base ====== *\/\r\n *, *::before, *::after {\r\n box-sizing: border-box\r\n }\r\n\r\n html, body {\r\n height: 100%\r\n }\r\n\r\n body {\r\n margin: 0;\r\n background: radial-gradient(1200px 600px at 10% -10%, rgba(91,124,250,.08), transparent 60%), radial-gradient(1000px 700px at 120% 30%, rgba(154,123,249,.06), transparent 60%), var(--bg);\r\n color: var(--ink);\r\n font: 16px\/1.6 system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, Arial, \"Apple Color Emoji\",\"Segoe UI Emoji\";\r\n }\r\n\r\n a {\r\n color: var(--accent);\r\n text-decoration: none\r\n }\r\n\r\n a:hover {\r\n text-decoration: underline\r\n }\r\n\r\n .container {\r\n max-width: 1600px;\r\n margin-inline: auto;\r\n padding: 24px;\r\n }\r\n\r\n \/* ====== Topbar \/ header ====== *\/\r\n .topbar {\r\n display: flex;\r\n align-items: center;\r\n gap: 16px;\r\n justify-content: space-between;\r\n margin-bottom: 18px;\r\n }\r\n\r\n .brand {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px\r\n }\r\n\r\n .brand .logo {\r\n width: 42px;\r\n height: 42px;\r\n border-radius: 12px;\r\n background: linear-gradient(135deg,var(--accent),var(--accent-2));\r\n box-shadow: var(--shadow);\r\n display: grid;\r\n place-items: center\r\n }\r\n\r\n .brand .logo svg {\r\n width: 24px;\r\n height: 24px;\r\n fill: white\r\n }\r\n\r\n .brand h1 {\r\n font-size: clamp(18px, 3vw, 24px);\r\n margin: 0\r\n }\r\n\r\n .chapter-meta {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n color: var(--muted)\r\n }\r\n\r\n .badge {\r\n background: linear-gradient(135deg, rgba(91,124,250,.15), rgba(154,123,249,.15));\r\n padding: 6px 10px;\r\n border-radius: 999px;\r\n font-weight: 600\r\n }\r\n\r\n \/* ====== Progress ====== *\/\r\n .progress-wrap {\r\n margin: 6px 0 20px 0\r\n }\r\n\r\n .progress {\r\n height: 8px;\r\n background: rgba(91,124,250,.15);\r\n border-radius: 999px;\r\n overflow: hidden\r\n }\r\n\r\n .progress > span {\r\n display: block;\r\n height: 100%;\r\n width: 0;\r\n background: linear-gradient(90deg,var(--accent),var(--accent-2));\r\n transition: width .35s ease\r\n }\r\n\r\n \/* ====== Layout ====== *\/\r\n .layout {\r\n display: grid;\r\n grid-template-columns: 1.2fr .8fr;\r\n gap: 20px\r\n }\r\n\r\n @media (max-width: 900px) {\r\n .layout {\r\n grid-template-columns: 1fr;\r\n }\r\n }\r\n\r\n \/* ====== Cards ====== *\/\r\n .card {\r\n background: var(--surface);\r\n border-radius: var(--radius);\r\n box-shadow: var(--shadow);\r\n position: relative\r\n }\r\n\r\n .summary {\r\n padding: 24px\r\n }\r\n\r\n .summary h2 {\r\n margin: 0 0 8px 0;\r\n font-size: clamp(22px, 3.2vw, 32px)\r\n }\r\n\r\n .summary .subtitle {\r\n color: var(--muted);\r\n margin: 0 0 18px 0\r\n }\r\n\r\n .summary p {\r\n margin: 0 0 12px 0\r\n }\r\n\r\n .summary ul, .summary ol {\r\n padding-left: 22px\r\n }\r\n\r\n .side {\r\n display: grid;\r\n gap: 20px;\r\n align-content: start\r\n }\r\n\r\n \/* ====== Post-it note (begrippen) ====== *\/\r\n .note {\r\n background: var(--note);\r\n color: var(--note-ink);\r\n border-radius: 10px;\r\n padding: 18px 18px 70px 18px; \/* extra ruimte voor knop *\/\r\n position: relative;\r\n box-shadow: 0 18px 35px rgba(0,0,0,.12);\r\n transform: rotate(-0.7deg);\r\n filter: drop-shadow(0 8px 14px rgba(0,0,0,.08));\r\n isolation: isolate;\r\n }\r\n\r\n .note::before { \/* plakband *\/\r\n content: \"\";\r\n position: absolute;\r\n top: -10px;\r\n left: 40px;\r\n width: 70px;\r\n height: 26px;\r\n background: linear-gradient(180deg, rgba(255,255,255,.65), rgba(255,255,255,.25));\r\n box-shadow: 0 2px 6px rgba(0,0,0,.12);\r\n transform: rotate(-6deg);\r\n border-radius: 4px;\r\n }\r\n\r\n .note h3 {\r\n margin: 2px 0 8px 0;\r\n font-size: 20px\r\n }\r\n\r\n .terms {\r\n margin: 0;\r\n padding-left: 18px\r\n }\r\n\r\n .terms li {\r\n margin: 6px 0\r\n }\r\n\r\n .more-link {\r\n position: absolute;\r\n bottom: 12px;\r\n right: 12px;\r\n border: none;\r\n border-radius: 999px;\r\n padding: 10px 14px;\r\n font-weight: 700;\r\n cursor: pointer;\r\n background: linear-gradient(135deg,var(--accent),var(--accent-2));\r\n color: #fff;\r\n box-shadow: 0 10px 22px var(--ring);\r\n }\r\n\r\n .more-link:focus {\r\n outline: 3px solid var(--ring);\r\n outline-offset: 3px\r\n }\r\n\r\n \/* ====== TL;DR ====== *\/\r\n .tldr {\r\n padding: 16px 18px\r\n }\r\n\r\n .tldr h3 {\r\n margin: 0 0 8px 0;\r\n font-size: 18px\r\n }\r\n\r\n .tldr p {\r\n margin: 8px 0\r\n }\r\n\r\n \/* ====== Book navigation ====== *\/\r\n .book-nav {\r\n position: sticky;\r\n bottom: 10px;\r\n margin-top: 26px;\r\n z-index: 5;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 14px;\r\n }\r\n\r\n .nav-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 10px;\r\n border: none;\r\n border-radius: 999px;\r\n padding: 12px 16px;\r\n font-weight: 700;\r\n cursor: pointer;\r\n background: var(--surface);\r\n box-shadow: var(--shadow);\r\n }\r\n\r\n .nav-btn svg {\r\n width: 22px;\r\n height: 22px;\r\n opacity: .9\r\n }\r\n\r\n .nav-btn:hover {\r\n outline: 3px solid var(--ring)\r\n }\r\n\r\n .nav-btn[disabled] {\r\n opacity: .5;\r\n cursor: not-allowed\r\n }\r\n\r\n .nav-info {\r\n background: var(--surface);\r\n box-shadow: var(--shadow);\r\n padding: 10px 14px;\r\n border-radius: 999px;\r\n color: var(--muted)\r\n }\r\n\r\n \/* ====== Helpers ====== *\/\r\n .sr-only {\r\n position: absolute;\r\n width: 1px;\r\n height: 1px;\r\n padding: 0;\r\n margin: -1px;\r\n overflow: hidden;\r\n clip: rect(0,0,0,0);\r\n white-space: nowrap;\r\n border: 0\r\n }\r\n\r\n mark {\r\n background: linear-gradient(transparent 60%, rgba(91,124,250,.25) 60%)\r\n }\r\n\r\n \/* ====== Print styles ====== *\/\r\n @media print {\r\n body {\r\n background: #fff\r\n }\r\n\r\n .topbar .brand .logo {\r\n display: none\r\n }\r\n\r\n .progress-wrap, .book-nav, .note::before {\r\n display: none\r\n }\r\n\r\n .layout {\r\n grid-template-columns: 1fr .6fr\r\n }\r\n\r\n a {\r\n color: inherit;\r\n text-decoration: none\r\n }\r\n }\r\n\r\n \/* ====== Hoofdstukafbeelding (boven begrippen, vaste grootte) ====== *\/\r\n .image-note {\r\n background: #fff;\r\n border-radius: 14px;\r\n box-shadow: 0 10px 25px rgba(0,0,0,.12);\r\n padding: 12px;\r\n margin: 0;\r\n position: relative;\r\n transform: rotate(-1.2deg);\r\n width: 100%;\r\n height: 800px; \/* vaste weergavegrootte desktop *\/\r\n max-height: 800px;\r\n overflow: hidden;\r\n }\r\n\r\n .image-note img {\r\n display: block;\r\n width: 100%;\r\n height: 100%;\r\n object-fit: contain; \/* past binnen het kader, nooit te lang\/breed *\/\r\n border-radius: 10px;\r\n }\r\n\r\n .image-note .tape {\r\n content: \"\";\r\n position: absolute;\r\n top: -12px;\r\n left: 50%;\r\n transform: translateX(-50%) rotate(-4deg);\r\n width: 80px;\r\n height: 28px;\r\n background: linear-gradient(180deg, rgba(255,255,255,.7), rgba(255,255,255,.3));\r\n box-shadow: 0 2px 6px rgba(0,0,0,.2);\r\n border-radius: 4px;\r\n }\r\n\r\n @media (max-width: 900px) {\r\n .image-note {\r\n height: 420px;\r\n max-height: 420px;\r\n }\r\n \/* mobiel *\/\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <a class=\"sr-only\" href=\"#main\">Ga naar inhoud<\/a>\r\n <div class=\"container\">\r\n <header class=\"topbar\">\r\n <div class=\"brand\" aria-label=\"Boekgegevens\">\r\n <div class=\"logo\" aria-hidden=\"true\">\r\n \r\n <svg viewBox=\"0 0 24 24\" role=\"img\" aria-label=\"Boekpictogram\"><path d=\"M6 2h9a3 3 0 0 1 3 3v14.5a.5.5 0 0 1-.8.4c-1.1-.8-2.5-1.1-3.9-1.1H6a2 2 0 0 0-2 2V4a2 2 0 0 1 2-2Zm0 2a0 0 0 0 0 0 0v13h7.3c1.3 0 2.6.3 3.7.9V5a1 1 0 0 0-1-1Z\" \/><\/svg>\r\n <\/div>\r\n <div>\r\n <h1 id=\"bookTitle\">Titel van het boek<\/h1>\r\n <div class=\"chapter-meta\">\r\n Basisstof 1<\/span>\r\n <\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"chapter-meta\" aria-live=\"polite\">\r\n 1 \/ 1<\/span>\r\n <\/div>\r\n <\/header>\r\n\r\n <div class=\"progress-wrap\" aria-hidden=\"true\">\r\n <div class=\"progress\"><\/span><\/div>\r\n <\/div>\r\n\r\n <main id=\"main\" class=\"layout\" tabindex=\"-1\">\r\n <section class=\"card summary\" aria-labelledby=\"chapterTitle\">\r\n <h2 id=\"chapterTitle\">Hoofdstuknaam<\/h2>\r\n Korte inleiding of doel van dit hoofdstuk.<\/p>\r\n <div id=\"summaryBody\">\r\n \r\n <\/div>\r\n <\/section>\r\n\r\n <aside class=\"side\">\r\n \r\n <section class=\"image-note\" id=\"chapterImageWrap\">\r\n <img decoding=\"async\" id=\"chapterImage\" src=\"\" alt=\"Illustratie bij dit hoofdstuk\" loading=\"lazy\">\r\n <\/span>\r\n <\/section>\r\n \r\n\r\n <section class=\"note\" aria-labelledby=\"begrippenTitle\">\r\n <h3 id=\"begrippenTitle\">Belangrijke begrippen<\/h3>\r\n <ul class=\"terms\" id=\"termsList\"><\/ul>\r\n <a id=\"moreTerms\" class=\"more-link\" href=\"http:\/\/begrippen.biologiehuis.com:3000\/index.html\" target=\"_blank\" rel=\"noopener\">Meer begrippen \u2192<\/a>\r\n <\/section>\r\n\r\n <section class=\"tldr card\" aria-labelledby=\"tldrTitle\">\r\n <h3 id=\"tldrTitle\">Kort samengevat<\/h3>\r\n <div id=\"tldrBody\"><\/div>\r\n <\/section>\r\n <\/aside>\r\n <\/main>\r\n\r\n <nav class=\"book-nav\" aria-label=\"Hoofdstuknavigatie\">\r\n <button id=\"prevBtn\" class=\"nav-btn\" aria-label=\"Ga naar vorig hoofdstuk\">\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12z\" \/><\/svg>\r\n Vorige\r\n <\/button>\r\n <div class=\"nav-info\">Basisstof 1 van 1<\/span><\/div>\r\n <button id=\"nextBtn\" class=\"nav-btn\" aria-label=\"Ga naar volgend hoofdstuk\">\r\n Volgende\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M8.59 16.59 13.17 12 8.59 7.41 10 6l6 6-6 6z\" \/><\/svg>\r\n <\/button>\r\n <\/nav>\r\n <\/div>\r\n\r\n <script>\r\n \/\/ ====== VULLEN MET JE EIGEN DATA ======\r\n \/\/ Pas de BOOK-const aan voor jouw boek\/hoofdstukken. Je kunt dit in dezelfde file houden of later via JSON laten inladen.\r\n const BOOK = {\r\n title: \"Thema 8: Waarneming en gedrag\", \/\/ \ud83d\udc49 boeknaam\r\n chapters: [\r\n {\r\n id: 1,\r\n title: \"Zintuigen\",\r\n subtitle: \"Je merkt niks zonder je zintuigen\",\r\n image: \"https:\/\/biologiehuis.com\/wp-content\/uploads\/2025\/09\/ChatGPT-Image-23-sep-2025-18_27_25.png\", \r\n summary: `\r\nZintuigen<\/strong> nemen prikkels uit de <\/span>omgeving<\/strong> of het <\/span>lichaam zelf<\/strong> waar. Een <\/span>prikkel<\/strong> is een verandering in de omgeving waarop een organisme kan reageren. De informatie uit zintuigen wordt omgezet in <\/span>impulsen<\/strong> die via <\/span>zenuwen<\/strong> naar het <\/span>centrale zenuwstelsel (CZS)<\/strong> gaan. Hier worden ze verwerkt, zodat een passende reactie kan volgen.<\/span><\/p>\r\n<h3>Soorten prikkels en receptoren<\/strong><\/h3>\r\nElke soort zintuig is gevoelig voor een bepaald type prikkel. Dit gebeurt met gespecialiseerde <\/span>receptoren<\/strong>:<\/span><\/p>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Mechanoreceptoren<\/strong>: reageren op <\/span>druk<\/strong>, <\/span>geluidstrillingen<\/strong> of <\/span>beweging<\/strong> (bijv. huid, oor, evenwichtsorgaan).<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Chemoreceptoren<\/strong>: reageren op <\/span>chemische stoffen<\/strong> (bijv. smaak- en reukzintuigen).<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Thermoreceptoren<\/strong>: reageren op <\/span>temperatuurverschillen<\/strong> (bijv. in de huid).<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Pijnreceptoren<\/strong>: reageren op schadelijke prikkels, zoals beschadiging van weefsel.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Fotoreceptoren<\/strong>: reageren op <\/span>lichtprikkels<\/strong> (in het netvlies van het oog).<\/span> <\/span><\/li>\r\n<\/ul>\r\n<h3>Zintuigcellen en drempelwaarde<\/strong><\/h3>\r\nEen <\/span>zintuigcel<\/strong> zet een prikkel om in een <\/span>impuls<\/strong>. Dat gebeurt alleen als de prikkel sterk genoeg is om de <\/span>drempelwaarde<\/strong> te overschrijden. Zwakkere prikkels worden niet omgezet. Hierdoor reageer je niet op elke kleine verandering in de omgeving.<\/span><\/p>\r\n<h3>Adaptatie (gewenning)<\/strong><\/h3>\r\nWanneer een prikkel langere tijd aanhoudt, neemt de gevoeligheid van zintuigcellen af. Dit heet <\/span>adaptatie<\/strong> of gewenning. Voorbeeld: je ruikt een geur in eerste instantie sterk, maar na enige tijd nauwelijks meer. Dit voorkomt overbelasting van het <\/span>zenuwstelsel<\/strong> en zorgt dat je gevoelig blijft voor nieuwe prikkels.<\/span><\/p>\r\n<h3>Zintuigen in de huid<\/strong><\/h3>\r\nDe <\/span>huid<\/strong> bevat verschillende soorten zintuigen:<\/span><\/p>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Drukzintuigen<\/strong> (bijvoorbeeld tastlichaampjes in de huid).<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Temperatuurzintuigen<\/strong> (warmte- en koudepunten).<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Pijnzintuigen<\/strong> (waarschuwen bij beschadiging of gevaar).<\/span> <\/span><\/li>\r\n<\/ul>\r\nDeze zorgen voor bescherming en voor contact met de omgeving.<\/span><\/p>\r\n<h3>Evenwicht en houding<\/strong><\/h3>\r\nNaast de huid zijn er speciale zintuigen die helpen bij <\/span>oriëntatie<\/strong>:<\/span><\/p>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Het <\/span>evenwichtsorgaan<\/strong> in het binnenoor neemt <\/span>zwaartekracht<\/strong> en <\/span>versnellingen<\/strong> waar.<\/span> <\/span><\/li>\r\n<\/ul>\r\nSpier- en peesreceptoren<\/strong> geven informatie over de spanning in spieren en de stand van gewrichten → belangrijk voor coördinatie van bewegingen.<\/span> <\/span><\/p>\r\n `,\r\n terms: [\r\n\"Zintuig \u2013 orgaan dat prikkels opvangt en omzet in impulsen\",\r\n\"Prikkel \u2013 verandering in de omgeving die kan worden waargenomen\",\r\n\"Receptor \u2013 gespecialiseerde cel die gevoelig is voor een bepaalde prikkel\",\r\n\"Mechanoreceptor \u2013 gevoelig voor druk en beweging\",\r\n\"Chemoreceptor \u2013 gevoelig voor stoffen (smaak, reuk)\",\r\n\"Thermoreceptor \u2013 gevoelig voor temperatuur\",\r\n\"Pijnreceptor \u2013 gevoelig voor schadelijke prikkels\",\r\n\"Fotoreceptor \u2013 gevoelig voor licht\",\r\n\"Drempelwaarde \u2013 minimale prikkelsterkte nodig om een impuls te veroorzaken\",\r\n\"Adaptatie \u2013 afname van gevoeligheid bij voortdurende prikkeling\",\r\n\"Evenwichtsorgaan \u2013 orgaan in het binnenoor dat houding en beweging waarneemt\",\r\n\"Spier- en peesreceptoren \u2013 receptoren die spanning en stand van spieren\/pezen waarnemen\",\r\n ],\r\n moreTermsUrl: \"http:\/\/begrippen.biologiehuis.com:3000\/index.html\",\r\n tldr: \"Zintuigen registreren prikkels en zetten ze om in impulsen die via het zenuwstelsel worden verwerkt. Elke soort receptor is gespecialiseerd in een bepaald type prikkel, zoals licht, geluid, druk, temperatuur of chemische stoffen. Alleen prikkels die de drempelwaarde overschrijden leiden tot een impuls. Bij voortdurende prikkeling treedt adaptatie op. Naast de huidzintuigen spelen ook het evenwichtsorgaan en de spier- en peesreceptoren een belangrijke rol in het waarnemen van houding en beweging.\"\r\n },\r\n\r\n {\r\n id: 2,\r\n title: \"De werking van het oog\",\r\n subtitle: \"Met je ogen zie je alles! Maar hoe werkt dat?\",\r\n image: \"https:\/\/biologiehuis.com\/wp-content\/uploads\/2025\/09\/ChatGPT-Image-23-sep-2025-18_29_53.png\", \r\n summary: `\r\nHet <\/span>oog<\/strong> is een gespecialiseerd <\/span>zintuig<\/strong> dat <\/span>lichtprikkels<\/strong> opvangt en omzet in <\/span>impulsen<\/strong>. Deze impulsen worden via de <\/span>oogzenuw<\/strong> naar de <\/span>hersenen<\/strong> geleid, waar ze worden verwerkt tot een beeld.<\/span><\/p>\r\n<h3>Bouw van het oog<\/strong><\/h3>\r\nHet oog heeft verschillende onderdelen met een specifieke functie:<\/span><\/p>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Hoornvlies<\/strong>: doorzichtig deel aan de voorkant van het oog, laat licht binnen en breekt het licht.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Pupil<\/strong>: opening in de <\/span>iris<\/strong> (regenboogvlies) die bepaalt hoeveel licht het oog binnenkomt.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Lens<\/strong>: zorgt voor het scherpstellen (accommoderen) van het beeld op het <\/span>netvlies<\/strong>.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Netvlies<\/strong>: bevat <\/span>fotoreceptoren<\/strong> (<\/span>staafjes<\/strong> en <\/span>kegeltjes<\/strong>) die lichtprikkels omzetten in impulsen.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Gele vlek<\/strong>: plek met veel kegeltjes, zorgt voor het scherpste zien.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Blinde vlek<\/strong>: plek waar de <\/span>oogzenuw<\/strong> het oog verlaat, hier ontbreken zintuigcellen.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Glasachtig lichaam<\/strong>: doorzichtige geleiachtige massa die het oog opvult en in vorm houdt.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Harde oogvlies<\/strong>: stevige witte buitenlaag, geeft bescherming.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Vaatvlies<\/strong>: bevat veel bloedvaten en voorziet het oog van zuurstof en voedingsstoffen.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<h3>Fotoreceptoren: staafjes en kegeltjes<\/strong><\/h3>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Staafjes<\/strong>: gevoelig voor <\/span>zwak licht<\/strong>, maken zwart-wit zien mogelijk.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Kegeltjes<\/strong>: werken bij <\/span>fel licht<\/strong> en zorgen voor het <\/span>zien van kleuren<\/strong>. Er zijn drie typen kegeltjes, gevoelig voor <\/span>rood<\/strong>, <\/span>groen<\/strong> en <\/span>blauw<\/strong> licht.<\/span> <\/span><\/li>\r\n<\/ul>\r\nStaafjes en kegeltjes zetten lichtprikkels om in <\/span>impulsen<\/strong> die via de <\/span>oogzenuw<\/strong> naar de <\/span>hersenen<\/strong> gaan.<\/span><\/p>\r\n<h3>Accommodatie<\/strong><\/h3>\r\nOm beelden scherp te stellen gebruikt het oog de <\/span>lens<\/strong>. Dit proces heet <\/span>accommodatie<\/strong> en wordt geregeld door de <\/span>straalvormige spieren<\/strong> en <\/span>lensbandjes<\/strong>:<\/span><\/p>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Voor <\/span>dichtbij zien<\/strong>: de straalvormige spieren trekken samen, de lensbandjes verslappen, de lens wordt boller.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Voor <\/span>veraf zien<\/strong>: de straalvormige spieren ontspannen, de lensbandjes staan strak, de lens wordt platter.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<h3>Pupilreflex<\/strong><\/h3>\r\nDe <\/span>pupilreflex<\/strong> regelt hoeveel licht het oog binnenkomt:<\/span><\/p>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Bij fel licht trekken de <\/span>kringspieren<\/strong> in de iris samen → pupil wordt kleiner.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Bij weinig licht trekken de <\/span>straalspieren<\/strong> in de iris samen → pupil wordt groter.<\/span> <\/span><\/li>\r\n<\/ul>\r\nDeze reflex beschermt de <\/span>fotoreceptoren<\/strong> tegen te veel licht en zorgt dat je bij weinig licht toch nog goed kunt zien.<\/span><\/p>\r\n<h3>Beeldvorming<\/strong><\/h3>\r\nHet beeld dat op het <\/span>netvlies<\/strong> ontstaat, is <\/span>verkleind<\/strong>, <\/span>omgekeerd<\/strong> en <\/span>realistisch<\/strong>. In de <\/span>hersenen<\/strong> wordt dit beeld vervolgens geïnterpreteerd zodat wij de wereld rechtop zien.<\/span><\/p>\r\n\r\n `,\r\n terms: [\r\n\"Hoornvlies \u2013 doorzichtige laag die licht binnenlaat en breekt\",\r\n\"Pupil \u2013 opening in de iris, regelt lichtinval\",\r\n\"Iris \u2013 gekleurde deel van het oog, bevat spieren die de pupilgrootte regelen\",\r\n\"Lens \u2013 zorgt voor scherpstelling van het beeld\",\r\n\"Accommodatie \u2013 aanpassen van de lens om dichtbij of veraf scherp te zien\",\r\n\"Netvlies \u2013 laag met zintuigcellen (staafjes en kegeltjes)\",\r\n\"Staafjes \u2013 lichtgevoelige cellen voor zwart-wit zien\",\r\n\"Kegeltjes \u2013 lichtgevoelige cellen voor kleurenzien (rood, groen, blauw)\",\r\n\"Gele vlek \u2013 plek voor scherp zien\",\r\n\"Blinde vlek \u2013 plek zonder zintuigcellen, waar de oogzenuw vertrekt\",\r\n\"Pupilreflex \u2013 automatische aanpassing van de pupilgrootte aan de hoeveelheid licht\",\r\n\"Oogzenuw \u2013 geleidt impulsen naar de hersenen\",\r\n ],\r\n moreTermsUrl: \"http:\/\/begrippen.biologiehuis.com:3000\/index.html\",\r\n tldr: \"Het oog is een zintuig dat lichtprikkels opvangt en omzet in impulsen. De lens zorgt via accommodatie voor scherpstellen, terwijl de pupilreflex de hoeveelheid licht regelt. In het netvlies vangen staafjes licht op bij weinig licht en zorgen kegeltjes voor kleurenzien bij fel licht. Het beeld dat op het netvlies ontstaat, is verkleind en omgekeerd, maar de hersenen zetten dit om in een bruikbare waarneming. Zo maken de onderdelen van het oog samen nauwkeurige en betrouwbare waarneming van de omgeving mogelijk.\"\r\n },\r\n {\r\n id: 3,\r\n title: \"Gedrag\",\r\n subtitle: \"Verschillende handelingen bij elkaar maken je gedrag\",\r\n image: \"https:\/\/biologiehuis.com\/wp-content\/uploads\/2025\/09\/ChatGPT-Image-23-sep-2025-18_33_21.png\", \r\n summary: `\r\nGedrag<\/strong> is het geheel van <\/span>handelingen<\/strong> dat een <\/span>dier<\/strong> of <\/span>mens<\/strong> uitvoert als reactie op <\/span>interne prikkels<\/strong> (vanuit het lichaam, zoals honger of dorst) en <\/span>externe prikkels<\/strong> (uit de omgeving, zoals geluid of licht). Het <\/span>zenuwstelsel<\/strong> en <\/span>hormoonstelsel<\/strong> coördineren deze reacties.<\/span><\/p>\r\n<h3>Gedragsketens en motivatie<\/strong><\/h3>\r\nEen handeling binnen gedrag kan een volgende handeling oproepen. Zo’n reeks heet een <\/span>gedragsketen<\/strong>. Of gedrag werkelijk wordt uitgevoerd, hangt af van de <\/span>motivatie<\/strong>: de bereidheid van een organisme om bepaald gedrag te vertonen. Motivatie wordt beïnvloed door zowel <\/span>inwendige prikkels<\/strong> (bijvoorbeeld honger, hormonen) als <\/span>uitwendige prikkels<\/strong> (bijvoorbeeld voedsel zien of ruiken).<\/span><\/p>\r\n<h3>Soorten gedrag<\/strong><\/h3>\r\nGedrag kan worden ingedeeld in verschillende categorieën:<\/span><\/p>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Voedselzoekgedrag<\/strong>: zoeken naar voedsel, beïnvloed door honger en beschikbaarheid van voedsel.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Voortplantingsgedrag<\/strong>: omvat <\/span>baltsgedrag<\/strong>, <\/span>paringsgedrag<\/strong> en <\/span>zorggedrag<\/strong>.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Territoriumgedrag<\/strong>: gedrag om een gebied af te bakenen en te verdedigen.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Sociaal gedrag<\/strong>: gedrag van soortgenoten onderling, zoals samenwerking, hiërarchie of agressie.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<h3>Aangeboren en aangeleerd gedrag<\/strong><\/h3>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Aangeboren gedrag<\/strong>: gedrag dat erfelijk is vastgelegd (bijv. zuigreflex bij baby’s, spinnen van een web).<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Aangeleerd gedrag<\/strong>: gedrag dat ontstaat door ervaring of training (bijv. fietsen, praten, jagen bij roofdieren). Vaak werken beide samen.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<h3>Ethologie en observatie<\/strong><\/h3>\r\nHet bestuderen van gedrag heet <\/span>ethologie<\/strong>.<\/span><\/p>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Ethologen maken vaak gebruik van een <\/span>ethogram<\/strong>: een lijst van mogelijke gedragingen van een dier.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Tijdens een <\/span>observatie<\/strong> noteren ze welke handelingen plaatsvinden en hoe vaak.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">De resultaten worden weergegeven in een <\/span>protocol<\/strong>: een schema waarin staat in welke volgorde en hoe vaak gedragselementen optreden.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<h3>Conflictgedrag<\/strong><\/h3>\r\nSoms kunnen tegenstrijdige prikkels tegelijk optreden, wat leidt tot <\/span>conflictgedrag<\/strong>. Er zijn drie vormen:<\/span><\/p>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Ambivalent gedrag<\/strong>: afwisselend gedrag van twee tegengestelde handelingen (bijv. aanvallen én vluchten).<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Overspronggedrag<\/strong>: een derde, vaak vreemd gedrag verschijnt (bijv. gaan poetsen terwijl er eigenlijk agressie verwacht werd).<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Omgericht gedrag<\/strong>: agressie wordt gericht op een ander object (bijv. een dier dat een tak aanvalt in plaats van zijn soortgenoot).<\/span> <\/span><\/li>\r\n<\/ul>\r\n `,\r\n terms: [\r\n\"Gedrag \u2013 geheel van handelingen als reactie op prikkels\",\r\n\"Prikkel \u2013 verandering in omgeving of lichaam die gedrag kan uitlokken\",\r\n\"Interne prikkel \u2013 prikkel vanuit het lichaam (honger, dorst, hormonen)\",\r\n\"Externe prikkel \u2013 prikkel uit de omgeving (licht, geluid, aanwezigheid van soortgenoten)\",\r\n\"Gedragsketen \u2013 opeenvolging van handelingen waarbij de ene handeling de volgende uitlokt\",\r\n\"Motivatie \u2013 bereidheid om bepaald gedrag uit te voeren\",\r\n\"Aangeboren gedrag \u2013 gedrag dat erfelijk is vastgelegd\",\r\n\"Aangeleerd gedrag \u2013 gedrag dat ontstaat door ervaring of training\",\r\n\"Ethologie \u2013 de wetenschap die gedrag bestudeert\",\r\n\"Ethogram \u2013 lijst van mogelijke gedragingen\",\r\n\"Protocol \u2013 overzicht van waargenomen gedragingen in volgorde en frequentie\",\r\n\"Conflictgedrag \u2013 gedrag dat ontstaat door tegenstrijdige prikkels\",\r\n\"Ambivalent gedrag \u2013 afwisseling van tegengestelde gedragingen\",\r\n\"Overspronggedrag \u2013 onverwachte derde gedraging\",\r\n\"Omgericht gedrag \u2013 agressie richt zich op een ander object\",\r\n ],\r\n moreTermsUrl: \"http:\/\/begrippen.biologiehuis.com:3000\/index.html\",\r\n tldr: \"Gedrag is een reactie op prikkels en wordt gestuurd door zenuwstelsel en hormoonstelsel. Het kan bestaan uit aangeboren en aangeleerd gedrag, die vaak samen optreden. Met behulp van ethologie, ethogrammen en protocollen kan gedrag systematisch worden bestudeerd. Gedrag wordt be\u00efnvloed door motivatie, interne en externe prikkels en kan leiden tot gedragsketens. Bij tegenstrijdige prikkels kan conflictgedrag ontstaan, zoals ambivalent gedrag, overspronggedrag of omgericht gedrag.\"\r\n },\r\n\r\n {\r\n id: 4,\r\n title: \"Vorming van gedrag\",\r\n subtitle: \"Je leert niet al je gedrag aan van anderen\",\r\n image: \"https:\/\/biologiehuis.com\/wp-content\/uploads\/2025\/09\/ChatGPT-Image-23-sep-2025-18_36_20.png\", \r\n summary: `\r\n<ul>\r\n<li style=\"font-weight: 400;\">\r\nGedrag<\/strong> ontstaat altijd uit een samenspel van <\/span>erfelijke factoren<\/strong> en <\/span>omgevingsinvloeden<\/strong>. Sommige gedragingen zijn grotendeels <\/span>aangeboren<\/strong> (bijvoorbeeld reflexen), andere worden sterk gevormd door <\/span>ervaring<\/strong> en <\/span>leren<\/strong>.<\/span><\/p>\r\n<h3>Aangeboren gedrag<\/strong><\/h3>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Instinctief gedrag<\/strong> is <\/span>aangeboren gedrag<\/strong> dat bij een soort vastligt in het <\/span>DNA<\/strong>. Voorbeelden: <\/span>nestbouw<\/strong> bij vogels, <\/span>zuigreflex<\/strong> bij baby’s.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Dergelijk gedrag ontstaat zonder dat een individu het hoeft te leren en verloopt vaak volgens vaste patronen.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<h3>Aangeleerd gedrag<\/strong><\/h3>\r\nNaast aangeboren gedrag speelt <\/span>leren<\/strong> een grote rol bij de ontwikkeling van gedrag. Belangrijke vormen van leren zijn:<\/span><\/p>\r\n<ol>\r\n<li style=\"font-weight: 400;\">Gewenning<\/strong>: een prikkel roept na verloop van tijd geen reactie meer op (bijv. niet meer schrikken van een trein die langsrijdt).<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Imitatie<\/strong>: nadoen van gedrag van soortgenoten (bijv. taal leren bij mensen).<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Inprenting<\/strong>: leerproces in een <\/span>gevoelige periode<\/strong> van de ontwikkeling, vaak onomkeerbaar (bijv. jonge ganzen die Konrad Lorenz als moeder volgden).<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Conditionering<\/strong>: leren door associatie van prikkels of gedrag met een beloning of straf.<\/span> <\/span><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Klassieke conditionering<\/strong>: koppeling van een neutrale prikkel aan een reflex (hond van Pavlov kwijlt bij het horen van een bel).<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Operante conditionering<\/strong>: leren door beloning of straf na een handeling (Skinner-box met duiven en ratten).<\/span> <\/span><\/li>\r\n<\/ul>\r\n<li style=\"font-weight: 400;\">Trial-and-error (proefondervindelijk leren)<\/strong>: door uitproberen wordt het juiste gedrag gevonden en herhaald (bijv. een kind dat leert fietsen).<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Insight learning (inzichtelijk leren)<\/strong>: ineens begrijpen hoe een probleem moet worden opgelost, zonder veel herhaling (bijv. apen die dozen opstapelen om bij een banaan te kunnen).<\/span> <\/span><\/li>\r\n<\/ol>\r\n<h3>Sociaal leren<\/strong><\/h3>\r\nBij dieren die in groepen leven, speelt <\/span>sociaal gedrag<\/strong> een belangrijke rol in het leerproces. Jonge dieren leren door interactie met ouders en soortgenoten. Ook bij mensen is sociaal leren cruciaal, bijvoorbeeld bij taal, normen en waarden.<\/span><\/p>\r\n<h3>Overlevingswaarde van leren<\/strong><\/h3>\r\nLeren heeft vaak een <\/span>overlevingswaarde<\/strong>. Door ervaringen kunnen organismen hun gedrag aanpassen aan wisselende omstandigheden, waardoor hun <\/span>kans op overleving en voortplanting<\/strong> groter wordt.<\/span><\/p>\r\n<\/li>\r\n<\/ul>\r\n\r\n `,\r\n terms: [\r\n\"Gedrag \u2013 geheel van handelingen van een organisme als reactie op prikkels\",\r\n\"Aangeboren gedrag \u2013 erfelijk vastgelegd gedrag dat zonder leerproces optreedt\",\r\n\"Instinct \u2013 aangeboren gedragspatroon\",\r\n\"Aangeleerd gedrag \u2013 gedrag dat ontstaat door ervaring en leerprocessen\",\r\n\"Gewenning \u2013 afname van reactie op een prikkel door herhaling\",\r\n\"Imitatie \u2013 leren door nadoen van soortgenoten\",\r\n\"Inprenting \u2013 leren in een gevoelige periode, vaak onomkeerbaar\",\r\n\"Conditionering \u2013 leren door koppeling van prikkel of beloning\/straf\",\r\n\"Klassieke conditionering \u2013 koppeling van een neutrale prikkel aan een reflex\",\r\n\"Operante conditionering \u2013 leren door beloning of straf na gedrag\",\r\n\"Trial-and-error \u2013 leren door uitproberen\",\r\n\"Inzichtelijk leren \u2013 plotselinge oplossing van een probleem door inzicht\",\r\n\"Sociaal leren \u2013 leren door interactie met soortgenoten\",\r\n\"Overlevingswaarde \u2013 bijdrage van gedrag of leren aan de overlevingskansen\",\r\n ],\r\n moreTermsUrl: \"http:\/\/begrippen.biologiehuis.com:3000\/index.html\",\r\n tldr: \"Gedrag ontstaat uit een combinatie van aangeboren en aangeleerd gedrag. Leren kan op veel manieren plaatsvinden, zoals gewenning, imitatie, inprenting, conditionering, trial-and-error en inzichtelijk leren. Vooral sociaal leren speelt bij groepsdieren en mensen een belangrijke rol. Het vermogen om te leren vergroot de overlevingswaarde van een individu, omdat gedrag kan worden aangepast aan veranderende omstandigheden.\"\r\n },\r\n {\r\n id: 5,\r\n title: \"Sociaal gedrag bij dieren\",\r\n subtitle: \"Niet alleen mensen hebben gedrag, ook dieren!\",\r\n image: \"https:\/\/biologiehuis.com\/wp-content\/uploads\/2025\/09\/ChatGPT-Image-23-sep-2025-18_41_10.png\", \r\n summary: `\r\n<ul>\r\n<li style=\"font-weight: 400;\">\r\nSociaal gedrag<\/strong> is al het gedrag dat dieren van dezelfde soort tegenover elkaar vertonen. Dit gedrag is belangrijk voor <\/span>communicatie<\/strong>, <\/span>samenwerking<\/strong> en het voorkomen van conflicten. Het zorgt vaak voor een grotere <\/span>overlevingskans<\/strong> en <\/span>voortplantingssucces<\/strong> van de groep én het individu.<\/span><\/p>\r\n<h3>Communicatie<\/strong><\/h3>\r\nDieren communiceren op verschillende manieren met <\/span>signalen<\/strong>:<\/span><\/p>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Visuele signalen<\/strong> (houding, kleuren, gebaren).<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Auditieve signalen<\/strong> (geluiden, zang, roepen).<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Chemische signalen<\/strong> (<\/span>feromonen<\/strong>, geuren).<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Tactiele signalen<\/strong> (aanraking).<\/span> <\/span><\/li>\r\n<\/ul>\r\nDoor duidelijke signalen kunnen dieren hun gedrag coördineren en misverstanden of conflicten verminderen.<\/span><\/p>\r\n<h3>Dominantie en rangorde<\/strong><\/h3>\r\nVeel diersoorten leven in groepen met een <\/span>rangorde<\/strong>.<\/span><\/p>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Binnen een groep is er vaak een <\/span>dominant<\/strong> individu (bijvoorbeeld een alfamannetje of alfavrouwtje).<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Dominantiegedrag<\/strong> kan bestaan uit dreigen, imponeren of soms vechten.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Onderworpen gedrag<\/strong> van lagere dieren voorkomt ernstige conflicten en maakt de rangorde stabiel.<\/span> <\/span><\/li>\r\n<\/ul>\r\nEen rangorde vermindert gevechten en zorgt voor een duidelijke taakverdeling binnen de groep.<\/span><\/p>\r\n<h3>Samenwerking<\/strong><\/h3>\r\nSamenwerking<\/strong> binnen groepen kan op verschillende manieren plaatsvinden:<\/span><\/p>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Jagen in groepen<\/strong>: verhoogt de kans op het vangen van prooien.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Bescherming<\/strong>: dieren in groepen hebben meer kans om roofdieren tijdig te ontdekken.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Zorg voor nakomelingen<\/strong>: groepsdieren kunnen elkaars jongen beschermen of voeden.<\/span> <\/span><\/li>\r\n<\/ul>\r\nSamenwerking levert dus vaak een evolutionair voordeel op.<\/span><\/p>\r\n<h3>Baltsgedrag<\/strong><\/h3>\r\nVoor de <\/span>voortplanting<\/strong> is <\/span>baltsgedrag<\/strong> van groot belang. Dit zijn vaak vaste gedragspatronen waarmee dieren laten zien dat ze <\/span>klaar zijn om te paren<\/strong> en dat ze een geschikte partner zijn. Baltsgedrag helpt bij:<\/span><\/p>\r\n<ul>\r\n<li style=\"font-weight: 400;\">het herkennen van soortgenoten,<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">het opbouwen van een band tussen partners,<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">het synchroniseren van de paringsbereidheid.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<h3>Conflictvermijdend gedrag<\/strong><\/h3>\r\nIn sociale groepen kan <\/span>agressie<\/strong> ontstaan, bijvoorbeeld om voedsel of een partner. Dieren gebruiken vaak <\/span>ritueel gedrag<\/strong> of <\/span>dreiggedrag<\/strong> om gevechten te vermijden. Deze signalen maken de kans kleiner dat er daadwerkelijk lichamelijke schade ontstaat.<\/span><\/p>\r\n<\/li>\r\n<\/ul>\r\n\r\n `,\r\n terms: [\r\n\"Sociaal gedrag \u2013 gedrag van dieren van dezelfde soort tegenover elkaar\",\r\n\"Communicatie \u2013 uitwisseling van signaalen tussen dieren\",\r\n\"Signalen \u2013 visueel, auditief, chemisch of tactiel\",\r\n\"Dominantie \u2013 overheersend gedrag van een individu in de groep\",\r\n\"Rangorde \u2013 hi\u00ebrarchie binnen een groep\",\r\n\"Onderworpen gedrag \u2013 gedrag dat aangeeft dat een dier zijn lagere positie erkent\",\r\n\"Samenwerking \u2013 gezamenlijk gedrag dat overlevingsvoordeel biedt\",\r\n\"Baltsgedrag \u2013 gedrag dat voorafgaat aan paring en de voortplanting mogelijk maakt\",\r\n\"Ritueel gedrag \u2013 vaste gedragingen die agressie of conflicten verminderen\",\r\n\"Conflictvermijdend gedrag \u2013 gedragingen die de kans op een gevecht of verwonding verkleinen\",\r\n ],\r\n moreTermsUrl: \"http:\/\/begrippen.biologiehuis.com:3000\/index.html\",\r\n tldr: \"Sociaal gedrag speelt een belangrijke rol in het leven van groepsdieren. Het omvat communicatie, dominantie en rangorde, samenwerking en baltsgedrag. Door middel van signalen kunnen dieren elkaar begrijpen en conflicten vermijden. Rangordes en ritueel gedrag zorgen voor stabiliteit binnen de groep. Samenwerking en sociaal gedrag vergroten de overlevingskansen van de soort en verhogen het succes van de voortplanting.\"\r\n },\r\n\r\n {\r\n id: 6,\r\n title: \"Gedrag bij mensen\",\r\n subtitle: \"Doe eens niet zo vervelend! Wat is dat voor gedrag?\",\r\n image: \"https:\/\/biologiehuis.com\/wp-content\/uploads\/2025\/09\/ChatGPT-Image-23-sep-2025-18_43_18.png\", \r\n summary: `\r\n<ul>\r\n<li style=\"font-weight: 400;\">\r\nHet <\/span>gedrag van mensen<\/strong> is, net als bij dieren, het resultaat van een <\/span>samenspel tussen erfelijke factoren en omgevingsinvloeden<\/strong>.<\/span><\/p>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Erfelijke factoren<\/strong> bepalen onder andere aanleg voor karaktereigenschappen, temperament en bepaalde reflexen.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Omgevingsfactoren<\/strong> zoals opvoeding, cultuur, sociale omgeving en ervaringen beïnvloeden hoe dit gedrag zich ontwikkelt.<\/span> <\/span><\/li>\r\n<\/ul>\r\nBij mensen is de rol van <\/span>leren<\/strong> veel groter dan bij de meeste dieren, waardoor gedrag sterk kan verschillen tussen individuen en culturen.<\/span><\/p>\r\n<h3>Soorten prikkels en motivatie<\/strong><\/h3>\r\nMenselijk gedrag ontstaat door <\/span>interne prikkels<\/strong> (bijvoorbeeld honger, dorst, emoties, hormonen) en <\/span>externe prikkels<\/strong> (geluiden, licht, woorden van anderen). De <\/span>motivatie<\/strong> bepaalt of en hoe sterk iemand reageert op deze prikkels.<\/span><\/p>\r\n<h3>Aangeleerd gedrag<\/strong><\/h3>\r\nMensen leren op veel manieren nieuw gedrag aan:<\/span><\/p>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Imitatie<\/strong>: nadoen van anderen (cruciaal voor taalverwerving en sociale vaardigheden).<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Conditionering<\/strong>: leren door beloning of straf, zoals gewenst gedrag in de opvoeding.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Inprenting<\/strong>: sommige leerprocessen gebeuren in een <\/span>gevoelige periode<\/strong> en zijn nauwelijks omkeerbaar (bv. hechting in de vroege jeugd).<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Sociaal leren<\/strong>: het overnemen van gedragingen, normen en waarden van de sociale omgeving.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<h3>Gedrag en cultuur<\/strong><\/h3>\r\nCultuur<\/strong> is het geheel van <\/span>normen<\/strong>, <\/span>waarden<\/strong>, <\/span>gebruiken<\/strong> en <\/span>regels<\/strong> dat mensen in een groep delen. Gedrag bij mensen wordt sterk beïnvloed door cultuur. Voorbeelden: omgangsvormen, eetgewoonten, religieuze rituelen.<\/span><\/p>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Gedrag dat in de ene cultuur normaal is, kan in een andere als vreemd of ongepast worden gezien.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Cultuur wordt doorgegeven via <\/span>socialisatie<\/strong>: het proces waarbij iemand de normen en waarden van zijn groep leert.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<h3>Sociaal gedrag bij mensen<\/strong><\/h3>\r\nMensen zijn <\/span>sociale wezens<\/strong> en leven in groepen. Belangrijke vormen van sociaal gedrag zijn:<\/span><\/p>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Samenwerking<\/strong>: bijv. in werk, sport en gezin.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Altruïsme<\/strong>: gedrag dat in het voordeel is van anderen, soms ten koste van jezelf.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Agressie<\/strong>: kan leiden tot conflicten, maar ook dienen om belangen te verdedigen.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Groepsdruk<\/strong>: de neiging van individuen om zich aan te passen aan het gedrag en de verwachtingen van de groep.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<h3>Gedrag en psychologie<\/strong><\/h3>\r\nHet vakgebied <\/span>psychologie<\/strong> houdt zich bezig met het onderzoeken van menselijk gedrag, gevoelens en gedachten. Psychologen proberen te verklaren waarom mensen zich op een bepaalde manier gedragen en hoe gedrag kan veranderen.<\/span><\/p>\r\n<\/li>\r\n<\/ul>\r\n\r\n `,\r\n terms: [\r\n\"Gedrag \u2013 geheel van handelingen van een mens als reactie op prikkels\",\r\n\"Interne prikkel \u2013 prikkel vanuit het lichaam (honger, emoties, hormonen)\",\r\n\"Externe prikkel \u2013 prikkel uit de omgeving (geluid, woorden, licht)\",\r\n\"Motivatie \u2013 bereidheid om op prikkels te reageren\",\r\n\"Imitatie \u2013 leren door nadoen\",\r\n\"Conditionering \u2013 leren door beloning of straf\",\r\n\"Inprenting \u2013 leerproces in een gevoelige periode, vaak onomkeerbaar\",\r\n\"Sociaal leren \u2013 leren van anderen binnen een groep\",\r\n\"Cultuur \u2013 geheel van normen, waarden, regels en gebruiken\",\r\n\"Socialisatie \u2013 proces waarin iemand leert zich aan te passen aan zijn cultuur\",\r\n\"Groepsdruk \u2013 invloed van de groep op individueel gedrag\",\r\n\"Altru\u00efsme \u2013 gedrag dat het belang van anderen dient\",\r\n\"Psychologie \u2013 wetenschap die gedrag, gevoelens en gedachten van mensen onderzoekt\",\r\n ],\r\n moreTermsUrl: \"http:\/\/begrippen.biologiehuis.com:3000\/index.html\",\r\n tldr: \"Het gedrag van mensen wordt be\u00efnvloed door zowel erfelijke factoren als omgevingsinvloeden. Mensen leren nieuw gedrag via imitatie, conditionering, inprenting en sociaal leren. Cultuur en socialisatie spelen een grote rol bij de vorming van gedrag. Belangrijke aspecten van menselijk sociaal gedrag zijn samenwerking, altru\u00efsme, agressie en groepsdruk. Het vakgebied psychologie onderzoekt hoe en waarom mensen zich gedragen en welke factoren daarbij een rol spelen.\"\r\n }\r\n\r\n\r\n ]\r\n };\r\n\r\n \/\/ ====== APP LOGICA ======\r\n const els = {\r\n bookTitle: document.getElementById('bookTitle'),\r\n chapterBadge: document.getElementById('chapterBadge'),\r\n chapterSub: document.getElementById('chapterSub'),\r\n pageIndicator: document.getElementById('pageIndicator'),\r\n progressBar: document.getElementById('progressBar'),\r\n chapterTitle: document.getElementById('chapterTitle'),\r\n chapterSubtitle: document.getElementById('chapterSubtitle'),\r\n summaryBody: document.getElementById('summaryBody'),\r\n termsList: document.getElementById('termsList'),\r\n moreTerms: document.getElementById('moreTerms'),\r\n tldrBody: document.getElementById('tldrBody'),\r\n chapterCounter: document.getElementById('chapterCounter'),\r\n prevBtn: document.getElementById('prevBtn'),\r\n nextBtn: document.getElementById('nextBtn'),\r\n chapterImage: document.getElementById('chapterImage'),\r\n chapterImageWrap: document.getElementById('chapterImageWrap'),\r\n };\r\n\r\n function getChapterIndexFromURL(){\r\n const url = new URL(window.location);\r\n const h = parseInt(url.searchParams.get('h') || url.hash.replace('#h=',''));\r\n const idx = isFinite(h) && h>0 ? h-1 : 0;\r\n return Math.max(0, Math.min(BOOK.chapters.length-1, idx));\r\n }\r\n\r\n let currentIndex = getChapterIndexFromURL();\r\n\r\n function updateURL(){\r\n const h = currentIndex + 1;\r\n const url = new URL(window.location);\r\n url.searchParams.set('h', String(h));\r\n history.replaceState({}, '', url);\r\n document.title = `${BOOK.title} \u2013 Basisstof ${h}`;\r\n }\r\n\r\n function render(){\r\n const total = BOOK.chapters.length;\r\n const ch = BOOK.chapters[currentIndex];\r\n\r\n els.bookTitle.textContent = BOOK.title;\r\n els.chapterBadge.textContent = `Basisstof ${ch.id}`;\r\n els.chapterSub.textContent = ch.title;\r\n\r\n els.chapterTitle.textContent = ch.title;\r\n els.chapterSubtitle.textContent = ch.subtitle || '';\r\n els.summaryBody.innerHTML = ch.summary;\r\n\r\n \/\/ Afbeelding per hoofdstuk invullen of het hele blok verbergen\r\n if (ch.image) {\r\n els.chapterImage.src = ch.image;\r\n els.chapterImage.alt = `Illustratie bij: ${ch.title}`;\r\n els.chapterImageWrap.style.display = 'block';\r\n } else {\r\n els.chapterImage.src = '';\r\n els.chapterImageWrap.style.display = 'none';\r\n }\r\n\r\n els.termsList.innerHTML = (ch.terms||[]).map(t => `<li>${t}<\/li>`).join('');\r\n els.moreTerms.href = ch.moreTermsUrl || '#';\r\n\r\n els.tldrBody.innerHTML = `${ch.tldr||''}<\/p>`;\r\n\r\n els.pageIndicator.textContent = `${ch.id} \/ ${total}`;\r\n els.chapterCounter.textContent = `Basisstof ${ch.id} van ${total}`;\r\n els.progressBar.style.width = `${(ch.id\/total)*100}%`;\r\n\r\n els.prevBtn.disabled = currentIndex === 0;\r\n els.nextBtn.disabled = currentIndex === total-1;\r\n\r\n updateURL();\r\n }\r\n\r\n function go(delta){\r\n const next = currentIndex + delta;\r\n if(next < 0 || next >= BOOK.chapters.length) return;\r\n currentIndex = next; render();\r\n \/\/ verplaats focus netjes\r\n document.getElementById('main').focus({preventScroll:true});\r\n }\r\n\r\n els.prevBtn.addEventListener('click', () => go(-1));\r\n els.nextBtn.addEventListener('click', () => go(1));\r\n\r\n document.addEventListener('keydown', (e) => {\r\n if(e.key === 'ArrowLeft') { go(-1); }\r\n if(e.key === 'ArrowRight'){ go(1); }\r\n });\r\n\r\n \/\/ Initial render\r\n render();\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"Samenvatting \u2013 Boek Ga naar inhoud Titel van het boek Basisstof 1 1 \/ 1 Hoofdstuknaam Korte inleiding of doel van dit hoofdstuk. Belangrijke begrippen Meer begrippen \u2192 Kort samengevat Vorige Basisstof 1 van 1 Volgende<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"folder":[32],"class_list":["post-723","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/biologiehuis.com\/index.php?rest_route=\/wp\/v2\/pages\/723","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/biologiehuis.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/biologiehuis.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/biologiehuis.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/biologiehuis.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=723"}],"version-history":[{"count":62,"href":"https:\/\/biologiehuis.com\/index.php?rest_route=\/wp\/v2\/pages\/723\/revisions"}],"predecessor-version":[{"id":2900,"href":"https:\/\/biologiehuis.com\/index.php?rest_route=\/wp\/v2\/pages\/723\/revisions\/2900"}],"wp:attachment":[{"href":"https:\/\/biologiehuis.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=723"}],"wp:term":[{"taxonomy":"folder","embeddable":true,"href":"https:\/\/biologiehuis.com\/index.php?rest_route=%2Fwp%2Fv2%2Ffolder&post=723"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Samenvatting \u2013 Boek<\/title>\r\n <meta name=\"description\" content=\"Mooie, printvriendelijke samenvattingspagina met post-it begrippen, TL;DR en boeknavigatie.\" \/>\r\n <style>\r\n \/* ====== Design tokens ====== *\/\r\n :root {\r\n --bg: #f7f7fb;\r\n --surface: #ffffff;\r\n --ink: #0b1020;\r\n --muted: #5e647a;\r\n --accent: #5b7cfa; \/* primaire accentkleur *\/\r\n --accent-2: #9a7bf9; \/* verloop voor knoppen *\/\r\n --ring: rgba(91,124,250,.35);\r\n --shadow: 0 10px 30px rgba(11,16,32,.08);\r\n --radius: 18px;\r\n --note: #fff4b1; \/* post-it geel *\/\r\n --note-ink: #3e3a17;\r\n --success: #2ecc71;\r\n --danger: #ff6b6b;\r\n }\r\n\r\n @media (prefers-color-scheme: dark) {\r\n :root {\r\n --bg: #0e1220;\r\n --surface: #151a2c;\r\n --ink: #eef1ff;\r\n --muted: #a9b0d1;\r\n --accent: #7aa2ff;\r\n --accent-2: #b690ff;\r\n --ring: rgba(122,162,255,.35);\r\n --shadow: 0 10px 30px rgba(0,0,0,.35);\r\n --note: #f6dd7b;\r\n --note-ink: #2a2610;\r\n }\r\n }\r\n\r\n \/* ====== Base ====== *\/\r\n *, *::before, *::after {\r\n box-sizing: border-box\r\n }\r\n\r\n html, body {\r\n height: 100%\r\n }\r\n\r\n body {\r\n margin: 0;\r\n background: radial-gradient(1200px 600px at 10% -10%, rgba(91,124,250,.08), transparent 60%), radial-gradient(1000px 700px at 120% 30%, rgba(154,123,249,.06), transparent 60%), var(--bg);\r\n color: var(--ink);\r\n font: 16px\/1.6 system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, Arial, \"Apple Color Emoji\",\"Segoe UI Emoji\";\r\n }\r\n\r\n a {\r\n color: var(--accent);\r\n text-decoration: none\r\n }\r\n\r\n a:hover {\r\n text-decoration: underline\r\n }\r\n\r\n .container {\r\n max-width: 1600px;\r\n margin-inline: auto;\r\n padding: 24px;\r\n }\r\n\r\n \/* ====== Topbar \/ header ====== *\/\r\n .topbar {\r\n display: flex;\r\n align-items: center;\r\n gap: 16px;\r\n justify-content: space-between;\r\n margin-bottom: 18px;\r\n }\r\n\r\n .brand {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px\r\n }\r\n\r\n .brand .logo {\r\n width: 42px;\r\n height: 42px;\r\n border-radius: 12px;\r\n background: linear-gradient(135deg,var(--accent),var(--accent-2));\r\n box-shadow: var(--shadow);\r\n display: grid;\r\n place-items: center\r\n }\r\n\r\n .brand .logo svg {\r\n width: 24px;\r\n height: 24px;\r\n fill: white\r\n }\r\n\r\n .brand h1 {\r\n font-size: clamp(18px, 3vw, 24px);\r\n margin: 0\r\n }\r\n\r\n .chapter-meta {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n color: var(--muted)\r\n }\r\n\r\n .badge {\r\n background: linear-gradient(135deg, rgba(91,124,250,.15), rgba(154,123,249,.15));\r\n padding: 6px 10px;\r\n border-radius: 999px;\r\n font-weight: 600\r\n }\r\n\r\n \/* ====== Progress ====== *\/\r\n .progress-wrap {\r\n margin: 6px 0 20px 0\r\n }\r\n\r\n .progress {\r\n height: 8px;\r\n background: rgba(91,124,250,.15);\r\n border-radius: 999px;\r\n overflow: hidden\r\n }\r\n\r\n .progress > span {\r\n display: block;\r\n height: 100%;\r\n width: 0;\r\n background: linear-gradient(90deg,var(--accent),var(--accent-2));\r\n transition: width .35s ease\r\n }\r\n\r\n \/* ====== Layout ====== *\/\r\n .layout {\r\n display: grid;\r\n grid-template-columns: 1.2fr .8fr;\r\n gap: 20px\r\n }\r\n\r\n @media (max-width: 900px) {\r\n .layout {\r\n grid-template-columns: 1fr;\r\n }\r\n }\r\n\r\n \/* ====== Cards ====== *\/\r\n .card {\r\n background: var(--surface);\r\n border-radius: var(--radius);\r\n box-shadow: var(--shadow);\r\n position: relative\r\n }\r\n\r\n .summary {\r\n padding: 24px\r\n }\r\n\r\n .summary h2 {\r\n margin: 0 0 8px 0;\r\n font-size: clamp(22px, 3.2vw, 32px)\r\n }\r\n\r\n .summary .subtitle {\r\n color: var(--muted);\r\n margin: 0 0 18px 0\r\n }\r\n\r\n .summary p {\r\n margin: 0 0 12px 0\r\n }\r\n\r\n .summary ul, .summary ol {\r\n padding-left: 22px\r\n }\r\n\r\n .side {\r\n display: grid;\r\n gap: 20px;\r\n align-content: start\r\n }\r\n\r\n \/* ====== Post-it note (begrippen) ====== *\/\r\n .note {\r\n background: var(--note);\r\n color: var(--note-ink);\r\n border-radius: 10px;\r\n padding: 18px 18px 70px 18px; \/* extra ruimte voor knop *\/\r\n position: relative;\r\n box-shadow: 0 18px 35px rgba(0,0,0,.12);\r\n transform: rotate(-0.7deg);\r\n filter: drop-shadow(0 8px 14px rgba(0,0,0,.08));\r\n isolation: isolate;\r\n }\r\n\r\n .note::before { \/* plakband *\/\r\n content: \"\";\r\n position: absolute;\r\n top: -10px;\r\n left: 40px;\r\n width: 70px;\r\n height: 26px;\r\n background: linear-gradient(180deg, rgba(255,255,255,.65), rgba(255,255,255,.25));\r\n box-shadow: 0 2px 6px rgba(0,0,0,.12);\r\n transform: rotate(-6deg);\r\n border-radius: 4px;\r\n }\r\n\r\n .note h3 {\r\n margin: 2px 0 8px 0;\r\n font-size: 20px\r\n }\r\n\r\n .terms {\r\n margin: 0;\r\n padding-left: 18px\r\n }\r\n\r\n .terms li {\r\n margin: 6px 0\r\n }\r\n\r\n .more-link {\r\n position: absolute;\r\n bottom: 12px;\r\n right: 12px;\r\n border: none;\r\n border-radius: 999px;\r\n padding: 10px 14px;\r\n font-weight: 700;\r\n cursor: pointer;\r\n background: linear-gradient(135deg,var(--accent),var(--accent-2));\r\n color: #fff;\r\n box-shadow: 0 10px 22px var(--ring);\r\n }\r\n\r\n .more-link:focus {\r\n outline: 3px solid var(--ring);\r\n outline-offset: 3px\r\n }\r\n\r\n \/* ====== TL;DR ====== *\/\r\n .tldr {\r\n padding: 16px 18px\r\n }\r\n\r\n .tldr h3 {\r\n margin: 0 0 8px 0;\r\n font-size: 18px\r\n }\r\n\r\n .tldr p {\r\n margin: 8px 0\r\n }\r\n\r\n \/* ====== Book navigation ====== *\/\r\n .book-nav {\r\n position: sticky;\r\n bottom: 10px;\r\n margin-top: 26px;\r\n z-index: 5;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 14px;\r\n }\r\n\r\n .nav-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 10px;\r\n border: none;\r\n border-radius: 999px;\r\n padding: 12px 16px;\r\n font-weight: 700;\r\n cursor: pointer;\r\n background: var(--surface);\r\n box-shadow: var(--shadow);\r\n }\r\n\r\n .nav-btn svg {\r\n width: 22px;\r\n height: 22px;\r\n opacity: .9\r\n }\r\n\r\n .nav-btn:hover {\r\n outline: 3px solid var(--ring)\r\n }\r\n\r\n .nav-btn[disabled] {\r\n opacity: .5;\r\n cursor: not-allowed\r\n }\r\n\r\n .nav-info {\r\n background: var(--surface);\r\n box-shadow: var(--shadow);\r\n padding: 10px 14px;\r\n border-radius: 999px;\r\n color: var(--muted)\r\n }\r\n\r\n \/* ====== Helpers ====== *\/\r\n .sr-only {\r\n position: absolute;\r\n width: 1px;\r\n height: 1px;\r\n padding: 0;\r\n margin: -1px;\r\n overflow: hidden;\r\n clip: rect(0,0,0,0);\r\n white-space: nowrap;\r\n border: 0\r\n }\r\n\r\n mark {\r\n background: linear-gradient(transparent 60%, rgba(91,124,250,.25) 60%)\r\n }\r\n\r\n \/* ====== Print styles ====== *\/\r\n @media print {\r\n body {\r\n background: #fff\r\n }\r\n\r\n .topbar .brand .logo {\r\n display: none\r\n }\r\n\r\n .progress-wrap, .book-nav, .note::before {\r\n display: none\r\n }\r\n\r\n .layout {\r\n grid-template-columns: 1fr .6fr\r\n }\r\n\r\n a {\r\n color: inherit;\r\n text-decoration: none\r\n }\r\n }\r\n\r\n \/* ====== Hoofdstukafbeelding (boven begrippen, vaste grootte) ====== *\/\r\n .image-note {\r\n background: #fff;\r\n border-radius: 14px;\r\n box-shadow: 0 10px 25px rgba(0,0,0,.12);\r\n padding: 12px;\r\n margin: 0;\r\n position: relative;\r\n transform: rotate(-1.2deg);\r\n width: 100%;\r\n height: 800px; \/* vaste weergavegrootte desktop *\/\r\n max-height: 800px;\r\n overflow: hidden;\r\n }\r\n\r\n .image-note img {\r\n display: block;\r\n width: 100%;\r\n height: 100%;\r\n object-fit: contain; \/* past binnen het kader, nooit te lang\/breed *\/\r\n border-radius: 10px;\r\n }\r\n\r\n .image-note .tape {\r\n content: \"\";\r\n position: absolute;\r\n top: -12px;\r\n left: 50%;\r\n transform: translateX(-50%) rotate(-4deg);\r\n width: 80px;\r\n height: 28px;\r\n background: linear-gradient(180deg, rgba(255,255,255,.7), rgba(255,255,255,.3));\r\n box-shadow: 0 2px 6px rgba(0,0,0,.2);\r\n border-radius: 4px;\r\n }\r\n\r\n @media (max-width: 900px) {\r\n .image-note {\r\n height: 420px;\r\n max-height: 420px;\r\n }\r\n \/* mobiel *\/\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <a class=\"sr-only\" href=\"#main\">Ga naar inhoud<\/a>\r\n <div class=\"container\">\r\n <header class=\"topbar\">\r\n <div class=\"brand\" aria-label=\"Boekgegevens\">\r\n <div class=\"logo\" aria-hidden=\"true\">\r\n \r\n <svg viewBox=\"0 0 24 24\" role=\"img\" aria-label=\"Boekpictogram\"><path d=\"M6 2h9a3 3 0 0 1 3 3v14.5a.5.5 0 0 1-.8.4c-1.1-.8-2.5-1.1-3.9-1.1H6a2 2 0 0 0-2 2V4a2 2 0 0 1 2-2Zm0 2a0 0 0 0 0 0 0v13h7.3c1.3 0 2.6.3 3.7.9V5a1 1 0 0 0-1-1Z\" \/><\/svg>\r\n <\/div>\r\n <div>\r\n <h1 id=\"bookTitle\">Titel van het boek<\/h1>\r\n <div class=\"chapter-meta\">\r\n Basisstof 1<\/span>\r\n <\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"chapter-meta\" aria-live=\"polite\">\r\n 1 \/ 1<\/span>\r\n <\/div>\r\n <\/header>\r\n\r\n <div class=\"progress-wrap\" aria-hidden=\"true\">\r\n <div class=\"progress\"><\/span><\/div>\r\n <\/div>\r\n\r\n <main id=\"main\" class=\"layout\" tabindex=\"-1\">\r\n <section class=\"card summary\" aria-labelledby=\"chapterTitle\">\r\n <h2 id=\"chapterTitle\">Hoofdstuknaam<\/h2>\r\n Korte inleiding of doel van dit hoofdstuk.<\/p>\r\n <div id=\"summaryBody\">\r\n \r\n <\/div>\r\n <\/section>\r\n\r\n <aside class=\"side\">\r\n \r\n <section class=\"image-note\" id=\"chapterImageWrap\">\r\n <img decoding=\"async\" id=\"chapterImage\" src=\"\" alt=\"Illustratie bij dit hoofdstuk\" loading=\"lazy\">\r\n <\/span>\r\n <\/section>\r\n \r\n\r\n <section class=\"note\" aria-labelledby=\"begrippenTitle\">\r\n <h3 id=\"begrippenTitle\">Belangrijke begrippen<\/h3>\r\n <ul class=\"terms\" id=\"termsList\"><\/ul>\r\n <a id=\"moreTerms\" class=\"more-link\" href=\"http:\/\/begrippen.biologiehuis.com:3000\/index.html\" target=\"_blank\" rel=\"noopener\">Meer begrippen \u2192<\/a>\r\n <\/section>\r\n\r\n <section class=\"tldr card\" aria-labelledby=\"tldrTitle\">\r\n <h3 id=\"tldrTitle\">Kort samengevat<\/h3>\r\n <div id=\"tldrBody\"><\/div>\r\n <\/section>\r\n <\/aside>\r\n <\/main>\r\n\r\n <nav class=\"book-nav\" aria-label=\"Hoofdstuknavigatie\">\r\n <button id=\"prevBtn\" class=\"nav-btn\" aria-label=\"Ga naar vorig hoofdstuk\">\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12z\" \/><\/svg>\r\n Vorige\r\n <\/button>\r\n <div class=\"nav-info\">Basisstof 1 van 1<\/span><\/div>\r\n <button id=\"nextBtn\" class=\"nav-btn\" aria-label=\"Ga naar volgend hoofdstuk\">\r\n Volgende\r\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M8.59 16.59 13.17 12 8.59 7.41 10 6l6 6-6 6z\" \/><\/svg>\r\n <\/button>\r\n <\/nav>\r\n <\/div>\r\n\r\n <script>\r\n \/\/ ====== VULLEN MET JE EIGEN DATA ======\r\n \/\/ Pas de BOOK-const aan voor jouw boek\/hoofdstukken. Je kunt dit in dezelfde file houden of later via JSON laten inladen.\r\n const BOOK = {\r\n title: \"Thema 8: Waarneming en gedrag\", \/\/ \ud83d\udc49 boeknaam\r\n chapters: [\r\n {\r\n id: 1,\r\n title: \"Zintuigen\",\r\n subtitle: \"Je merkt niks zonder je zintuigen\",\r\n image: \"https:\/\/biologiehuis.com\/wp-content\/uploads\/2025\/09\/ChatGPT-Image-23-sep-2025-18_27_25.png\", \r\n summary: `\r\nZintuigen<\/strong> nemen prikkels uit de <\/span>omgeving<\/strong> of het <\/span>lichaam zelf<\/strong> waar. Een <\/span>prikkel<\/strong> is een verandering in de omgeving waarop een organisme kan reageren. De informatie uit zintuigen wordt omgezet in <\/span>impulsen<\/strong> die via <\/span>zenuwen<\/strong> naar het <\/span>centrale zenuwstelsel (CZS)<\/strong> gaan. Hier worden ze verwerkt, zodat een passende reactie kan volgen.<\/span><\/p>\r\n<h3>Soorten prikkels en receptoren<\/strong><\/h3>\r\nElke soort zintuig is gevoelig voor een bepaald type prikkel. Dit gebeurt met gespecialiseerde <\/span>receptoren<\/strong>:<\/span><\/p>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Mechanoreceptoren<\/strong>: reageren op <\/span>druk<\/strong>, <\/span>geluidstrillingen<\/strong> of <\/span>beweging<\/strong> (bijv. huid, oor, evenwichtsorgaan).<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Chemoreceptoren<\/strong>: reageren op <\/span>chemische stoffen<\/strong> (bijv. smaak- en reukzintuigen).<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Thermoreceptoren<\/strong>: reageren op <\/span>temperatuurverschillen<\/strong> (bijv. in de huid).<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Pijnreceptoren<\/strong>: reageren op schadelijke prikkels, zoals beschadiging van weefsel.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Fotoreceptoren<\/strong>: reageren op <\/span>lichtprikkels<\/strong> (in het netvlies van het oog).<\/span> <\/span><\/li>\r\n<\/ul>\r\n<h3>Zintuigcellen en drempelwaarde<\/strong><\/h3>\r\nEen <\/span>zintuigcel<\/strong> zet een prikkel om in een <\/span>impuls<\/strong>. Dat gebeurt alleen als de prikkel sterk genoeg is om de <\/span>drempelwaarde<\/strong> te overschrijden. Zwakkere prikkels worden niet omgezet. Hierdoor reageer je niet op elke kleine verandering in de omgeving.<\/span><\/p>\r\n<h3>Adaptatie (gewenning)<\/strong><\/h3>\r\nWanneer een prikkel langere tijd aanhoudt, neemt de gevoeligheid van zintuigcellen af. Dit heet <\/span>adaptatie<\/strong> of gewenning. Voorbeeld: je ruikt een geur in eerste instantie sterk, maar na enige tijd nauwelijks meer. Dit voorkomt overbelasting van het <\/span>zenuwstelsel<\/strong> en zorgt dat je gevoelig blijft voor nieuwe prikkels.<\/span><\/p>\r\n<h3>Zintuigen in de huid<\/strong><\/h3>\r\nDe <\/span>huid<\/strong> bevat verschillende soorten zintuigen:<\/span><\/p>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Drukzintuigen<\/strong> (bijvoorbeeld tastlichaampjes in de huid).<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Temperatuurzintuigen<\/strong> (warmte- en koudepunten).<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Pijnzintuigen<\/strong> (waarschuwen bij beschadiging of gevaar).<\/span> <\/span><\/li>\r\n<\/ul>\r\nDeze zorgen voor bescherming en voor contact met de omgeving.<\/span><\/p>\r\n<h3>Evenwicht en houding<\/strong><\/h3>\r\nNaast de huid zijn er speciale zintuigen die helpen bij <\/span>oriëntatie<\/strong>:<\/span><\/p>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Het <\/span>evenwichtsorgaan<\/strong> in het binnenoor neemt <\/span>zwaartekracht<\/strong> en <\/span>versnellingen<\/strong> waar.<\/span> <\/span><\/li>\r\n<\/ul>\r\nSpier- en peesreceptoren<\/strong> geven informatie over de spanning in spieren en de stand van gewrichten → belangrijk voor coördinatie van bewegingen.<\/span> <\/span><\/p>\r\n `,\r\n terms: [\r\n\"Zintuig \u2013 orgaan dat prikkels opvangt en omzet in impulsen\",\r\n\"Prikkel \u2013 verandering in de omgeving die kan worden waargenomen\",\r\n\"Receptor \u2013 gespecialiseerde cel die gevoelig is voor een bepaalde prikkel\",\r\n\"Mechanoreceptor \u2013 gevoelig voor druk en beweging\",\r\n\"Chemoreceptor \u2013 gevoelig voor stoffen (smaak, reuk)\",\r\n\"Thermoreceptor \u2013 gevoelig voor temperatuur\",\r\n\"Pijnreceptor \u2013 gevoelig voor schadelijke prikkels\",\r\n\"Fotoreceptor \u2013 gevoelig voor licht\",\r\n\"Drempelwaarde \u2013 minimale prikkelsterkte nodig om een impuls te veroorzaken\",\r\n\"Adaptatie \u2013 afname van gevoeligheid bij voortdurende prikkeling\",\r\n\"Evenwichtsorgaan \u2013 orgaan in het binnenoor dat houding en beweging waarneemt\",\r\n\"Spier- en peesreceptoren \u2013 receptoren die spanning en stand van spieren\/pezen waarnemen\",\r\n ],\r\n moreTermsUrl: \"http:\/\/begrippen.biologiehuis.com:3000\/index.html\",\r\n tldr: \"Zintuigen registreren prikkels en zetten ze om in impulsen die via het zenuwstelsel worden verwerkt. Elke soort receptor is gespecialiseerd in een bepaald type prikkel, zoals licht, geluid, druk, temperatuur of chemische stoffen. Alleen prikkels die de drempelwaarde overschrijden leiden tot een impuls. Bij voortdurende prikkeling treedt adaptatie op. Naast de huidzintuigen spelen ook het evenwichtsorgaan en de spier- en peesreceptoren een belangrijke rol in het waarnemen van houding en beweging.\"\r\n },\r\n\r\n {\r\n id: 2,\r\n title: \"De werking van het oog\",\r\n subtitle: \"Met je ogen zie je alles! Maar hoe werkt dat?\",\r\n image: \"https:\/\/biologiehuis.com\/wp-content\/uploads\/2025\/09\/ChatGPT-Image-23-sep-2025-18_29_53.png\", \r\n summary: `\r\nHet <\/span>oog<\/strong> is een gespecialiseerd <\/span>zintuig<\/strong> dat <\/span>lichtprikkels<\/strong> opvangt en omzet in <\/span>impulsen<\/strong>. Deze impulsen worden via de <\/span>oogzenuw<\/strong> naar de <\/span>hersenen<\/strong> geleid, waar ze worden verwerkt tot een beeld.<\/span><\/p>\r\n<h3>Bouw van het oog<\/strong><\/h3>\r\nHet oog heeft verschillende onderdelen met een specifieke functie:<\/span><\/p>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Hoornvlies<\/strong>: doorzichtig deel aan de voorkant van het oog, laat licht binnen en breekt het licht.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Pupil<\/strong>: opening in de <\/span>iris<\/strong> (regenboogvlies) die bepaalt hoeveel licht het oog binnenkomt.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Lens<\/strong>: zorgt voor het scherpstellen (accommoderen) van het beeld op het <\/span>netvlies<\/strong>.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Netvlies<\/strong>: bevat <\/span>fotoreceptoren<\/strong> (<\/span>staafjes<\/strong> en <\/span>kegeltjes<\/strong>) die lichtprikkels omzetten in impulsen.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Gele vlek<\/strong>: plek met veel kegeltjes, zorgt voor het scherpste zien.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Blinde vlek<\/strong>: plek waar de <\/span>oogzenuw<\/strong> het oog verlaat, hier ontbreken zintuigcellen.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Glasachtig lichaam<\/strong>: doorzichtige geleiachtige massa die het oog opvult en in vorm houdt.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Harde oogvlies<\/strong>: stevige witte buitenlaag, geeft bescherming.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Vaatvlies<\/strong>: bevat veel bloedvaten en voorziet het oog van zuurstof en voedingsstoffen.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<h3>Fotoreceptoren: staafjes en kegeltjes<\/strong><\/h3>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Staafjes<\/strong>: gevoelig voor <\/span>zwak licht<\/strong>, maken zwart-wit zien mogelijk.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Kegeltjes<\/strong>: werken bij <\/span>fel licht<\/strong> en zorgen voor het <\/span>zien van kleuren<\/strong>. Er zijn drie typen kegeltjes, gevoelig voor <\/span>rood<\/strong>, <\/span>groen<\/strong> en <\/span>blauw<\/strong> licht.<\/span> <\/span><\/li>\r\n<\/ul>\r\nStaafjes en kegeltjes zetten lichtprikkels om in <\/span>impulsen<\/strong> die via de <\/span>oogzenuw<\/strong> naar de <\/span>hersenen<\/strong> gaan.<\/span><\/p>\r\n<h3>Accommodatie<\/strong><\/h3>\r\nOm beelden scherp te stellen gebruikt het oog de <\/span>lens<\/strong>. Dit proces heet <\/span>accommodatie<\/strong> en wordt geregeld door de <\/span>straalvormige spieren<\/strong> en <\/span>lensbandjes<\/strong>:<\/span><\/p>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Voor <\/span>dichtbij zien<\/strong>: de straalvormige spieren trekken samen, de lensbandjes verslappen, de lens wordt boller.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Voor <\/span>veraf zien<\/strong>: de straalvormige spieren ontspannen, de lensbandjes staan strak, de lens wordt platter.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<h3>Pupilreflex<\/strong><\/h3>\r\nDe <\/span>pupilreflex<\/strong> regelt hoeveel licht het oog binnenkomt:<\/span><\/p>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Bij fel licht trekken de <\/span>kringspieren<\/strong> in de iris samen → pupil wordt kleiner.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Bij weinig licht trekken de <\/span>straalspieren<\/strong> in de iris samen → pupil wordt groter.<\/span> <\/span><\/li>\r\n<\/ul>\r\nDeze reflex beschermt de <\/span>fotoreceptoren<\/strong> tegen te veel licht en zorgt dat je bij weinig licht toch nog goed kunt zien.<\/span><\/p>\r\n<h3>Beeldvorming<\/strong><\/h3>\r\nHet beeld dat op het <\/span>netvlies<\/strong> ontstaat, is <\/span>verkleind<\/strong>, <\/span>omgekeerd<\/strong> en <\/span>realistisch<\/strong>. In de <\/span>hersenen<\/strong> wordt dit beeld vervolgens geïnterpreteerd zodat wij de wereld rechtop zien.<\/span><\/p>\r\n\r\n `,\r\n terms: [\r\n\"Hoornvlies \u2013 doorzichtige laag die licht binnenlaat en breekt\",\r\n\"Pupil \u2013 opening in de iris, regelt lichtinval\",\r\n\"Iris \u2013 gekleurde deel van het oog, bevat spieren die de pupilgrootte regelen\",\r\n\"Lens \u2013 zorgt voor scherpstelling van het beeld\",\r\n\"Accommodatie \u2013 aanpassen van de lens om dichtbij of veraf scherp te zien\",\r\n\"Netvlies \u2013 laag met zintuigcellen (staafjes en kegeltjes)\",\r\n\"Staafjes \u2013 lichtgevoelige cellen voor zwart-wit zien\",\r\n\"Kegeltjes \u2013 lichtgevoelige cellen voor kleurenzien (rood, groen, blauw)\",\r\n\"Gele vlek \u2013 plek voor scherp zien\",\r\n\"Blinde vlek \u2013 plek zonder zintuigcellen, waar de oogzenuw vertrekt\",\r\n\"Pupilreflex \u2013 automatische aanpassing van de pupilgrootte aan de hoeveelheid licht\",\r\n\"Oogzenuw \u2013 geleidt impulsen naar de hersenen\",\r\n ],\r\n moreTermsUrl: \"http:\/\/begrippen.biologiehuis.com:3000\/index.html\",\r\n tldr: \"Het oog is een zintuig dat lichtprikkels opvangt en omzet in impulsen. De lens zorgt via accommodatie voor scherpstellen, terwijl de pupilreflex de hoeveelheid licht regelt. In het netvlies vangen staafjes licht op bij weinig licht en zorgen kegeltjes voor kleurenzien bij fel licht. Het beeld dat op het netvlies ontstaat, is verkleind en omgekeerd, maar de hersenen zetten dit om in een bruikbare waarneming. Zo maken de onderdelen van het oog samen nauwkeurige en betrouwbare waarneming van de omgeving mogelijk.\"\r\n },\r\n {\r\n id: 3,\r\n title: \"Gedrag\",\r\n subtitle: \"Verschillende handelingen bij elkaar maken je gedrag\",\r\n image: \"https:\/\/biologiehuis.com\/wp-content\/uploads\/2025\/09\/ChatGPT-Image-23-sep-2025-18_33_21.png\", \r\n summary: `\r\nGedrag<\/strong> is het geheel van <\/span>handelingen<\/strong> dat een <\/span>dier<\/strong> of <\/span>mens<\/strong> uitvoert als reactie op <\/span>interne prikkels<\/strong> (vanuit het lichaam, zoals honger of dorst) en <\/span>externe prikkels<\/strong> (uit de omgeving, zoals geluid of licht). Het <\/span>zenuwstelsel<\/strong> en <\/span>hormoonstelsel<\/strong> coördineren deze reacties.<\/span><\/p>\r\n<h3>Gedragsketens en motivatie<\/strong><\/h3>\r\nEen handeling binnen gedrag kan een volgende handeling oproepen. Zo’n reeks heet een <\/span>gedragsketen<\/strong>. Of gedrag werkelijk wordt uitgevoerd, hangt af van de <\/span>motivatie<\/strong>: de bereidheid van een organisme om bepaald gedrag te vertonen. Motivatie wordt beïnvloed door zowel <\/span>inwendige prikkels<\/strong> (bijvoorbeeld honger, hormonen) als <\/span>uitwendige prikkels<\/strong> (bijvoorbeeld voedsel zien of ruiken).<\/span><\/p>\r\n<h3>Soorten gedrag<\/strong><\/h3>\r\nGedrag kan worden ingedeeld in verschillende categorieën:<\/span><\/p>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Voedselzoekgedrag<\/strong>: zoeken naar voedsel, beïnvloed door honger en beschikbaarheid van voedsel.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Voortplantingsgedrag<\/strong>: omvat <\/span>baltsgedrag<\/strong>, <\/span>paringsgedrag<\/strong> en <\/span>zorggedrag<\/strong>.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Territoriumgedrag<\/strong>: gedrag om een gebied af te bakenen en te verdedigen.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Sociaal gedrag<\/strong>: gedrag van soortgenoten onderling, zoals samenwerking, hiërarchie of agressie.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<h3>Aangeboren en aangeleerd gedrag<\/strong><\/h3>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Aangeboren gedrag<\/strong>: gedrag dat erfelijk is vastgelegd (bijv. zuigreflex bij baby’s, spinnen van een web).<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Aangeleerd gedrag<\/strong>: gedrag dat ontstaat door ervaring of training (bijv. fietsen, praten, jagen bij roofdieren). Vaak werken beide samen.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<h3>Ethologie en observatie<\/strong><\/h3>\r\nHet bestuderen van gedrag heet <\/span>ethologie<\/strong>.<\/span><\/p>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Ethologen maken vaak gebruik van een <\/span>ethogram<\/strong>: een lijst van mogelijke gedragingen van een dier.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Tijdens een <\/span>observatie<\/strong> noteren ze welke handelingen plaatsvinden en hoe vaak.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">De resultaten worden weergegeven in een <\/span>protocol<\/strong>: een schema waarin staat in welke volgorde en hoe vaak gedragselementen optreden.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<h3>Conflictgedrag<\/strong><\/h3>\r\nSoms kunnen tegenstrijdige prikkels tegelijk optreden, wat leidt tot <\/span>conflictgedrag<\/strong>. Er zijn drie vormen:<\/span><\/p>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Ambivalent gedrag<\/strong>: afwisselend gedrag van twee tegengestelde handelingen (bijv. aanvallen én vluchten).<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Overspronggedrag<\/strong>: een derde, vaak vreemd gedrag verschijnt (bijv. gaan poetsen terwijl er eigenlijk agressie verwacht werd).<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Omgericht gedrag<\/strong>: agressie wordt gericht op een ander object (bijv. een dier dat een tak aanvalt in plaats van zijn soortgenoot).<\/span> <\/span><\/li>\r\n<\/ul>\r\n `,\r\n terms: [\r\n\"Gedrag \u2013 geheel van handelingen als reactie op prikkels\",\r\n\"Prikkel \u2013 verandering in omgeving of lichaam die gedrag kan uitlokken\",\r\n\"Interne prikkel \u2013 prikkel vanuit het lichaam (honger, dorst, hormonen)\",\r\n\"Externe prikkel \u2013 prikkel uit de omgeving (licht, geluid, aanwezigheid van soortgenoten)\",\r\n\"Gedragsketen \u2013 opeenvolging van handelingen waarbij de ene handeling de volgende uitlokt\",\r\n\"Motivatie \u2013 bereidheid om bepaald gedrag uit te voeren\",\r\n\"Aangeboren gedrag \u2013 gedrag dat erfelijk is vastgelegd\",\r\n\"Aangeleerd gedrag \u2013 gedrag dat ontstaat door ervaring of training\",\r\n\"Ethologie \u2013 de wetenschap die gedrag bestudeert\",\r\n\"Ethogram \u2013 lijst van mogelijke gedragingen\",\r\n\"Protocol \u2013 overzicht van waargenomen gedragingen in volgorde en frequentie\",\r\n\"Conflictgedrag \u2013 gedrag dat ontstaat door tegenstrijdige prikkels\",\r\n\"Ambivalent gedrag \u2013 afwisseling van tegengestelde gedragingen\",\r\n\"Overspronggedrag \u2013 onverwachte derde gedraging\",\r\n\"Omgericht gedrag \u2013 agressie richt zich op een ander object\",\r\n ],\r\n moreTermsUrl: \"http:\/\/begrippen.biologiehuis.com:3000\/index.html\",\r\n tldr: \"Gedrag is een reactie op prikkels en wordt gestuurd door zenuwstelsel en hormoonstelsel. Het kan bestaan uit aangeboren en aangeleerd gedrag, die vaak samen optreden. Met behulp van ethologie, ethogrammen en protocollen kan gedrag systematisch worden bestudeerd. Gedrag wordt be\u00efnvloed door motivatie, interne en externe prikkels en kan leiden tot gedragsketens. Bij tegenstrijdige prikkels kan conflictgedrag ontstaan, zoals ambivalent gedrag, overspronggedrag of omgericht gedrag.\"\r\n },\r\n\r\n {\r\n id: 4,\r\n title: \"Vorming van gedrag\",\r\n subtitle: \"Je leert niet al je gedrag aan van anderen\",\r\n image: \"https:\/\/biologiehuis.com\/wp-content\/uploads\/2025\/09\/ChatGPT-Image-23-sep-2025-18_36_20.png\", \r\n summary: `\r\n<ul>\r\n<li style=\"font-weight: 400;\">\r\nGedrag<\/strong> ontstaat altijd uit een samenspel van <\/span>erfelijke factoren<\/strong> en <\/span>omgevingsinvloeden<\/strong>. Sommige gedragingen zijn grotendeels <\/span>aangeboren<\/strong> (bijvoorbeeld reflexen), andere worden sterk gevormd door <\/span>ervaring<\/strong> en <\/span>leren<\/strong>.<\/span><\/p>\r\n<h3>Aangeboren gedrag<\/strong><\/h3>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Instinctief gedrag<\/strong> is <\/span>aangeboren gedrag<\/strong> dat bij een soort vastligt in het <\/span>DNA<\/strong>. Voorbeelden: <\/span>nestbouw<\/strong> bij vogels, <\/span>zuigreflex<\/strong> bij baby’s.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Dergelijk gedrag ontstaat zonder dat een individu het hoeft te leren en verloopt vaak volgens vaste patronen.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<h3>Aangeleerd gedrag<\/strong><\/h3>\r\nNaast aangeboren gedrag speelt <\/span>leren<\/strong> een grote rol bij de ontwikkeling van gedrag. Belangrijke vormen van leren zijn:<\/span><\/p>\r\n<ol>\r\n<li style=\"font-weight: 400;\">Gewenning<\/strong>: een prikkel roept na verloop van tijd geen reactie meer op (bijv. niet meer schrikken van een trein die langsrijdt).<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Imitatie<\/strong>: nadoen van gedrag van soortgenoten (bijv. taal leren bij mensen).<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Inprenting<\/strong>: leerproces in een <\/span>gevoelige periode<\/strong> van de ontwikkeling, vaak onomkeerbaar (bijv. jonge ganzen die Konrad Lorenz als moeder volgden).<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Conditionering<\/strong>: leren door associatie van prikkels of gedrag met een beloning of straf.<\/span> <\/span><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Klassieke conditionering<\/strong>: koppeling van een neutrale prikkel aan een reflex (hond van Pavlov kwijlt bij het horen van een bel).<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Operante conditionering<\/strong>: leren door beloning of straf na een handeling (Skinner-box met duiven en ratten).<\/span> <\/span><\/li>\r\n<\/ul>\r\n<li style=\"font-weight: 400;\">Trial-and-error (proefondervindelijk leren)<\/strong>: door uitproberen wordt het juiste gedrag gevonden en herhaald (bijv. een kind dat leert fietsen).<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Insight learning (inzichtelijk leren)<\/strong>: ineens begrijpen hoe een probleem moet worden opgelost, zonder veel herhaling (bijv. apen die dozen opstapelen om bij een banaan te kunnen).<\/span> <\/span><\/li>\r\n<\/ol>\r\n<h3>Sociaal leren<\/strong><\/h3>\r\nBij dieren die in groepen leven, speelt <\/span>sociaal gedrag<\/strong> een belangrijke rol in het leerproces. Jonge dieren leren door interactie met ouders en soortgenoten. Ook bij mensen is sociaal leren cruciaal, bijvoorbeeld bij taal, normen en waarden.<\/span><\/p>\r\n<h3>Overlevingswaarde van leren<\/strong><\/h3>\r\nLeren heeft vaak een <\/span>overlevingswaarde<\/strong>. Door ervaringen kunnen organismen hun gedrag aanpassen aan wisselende omstandigheden, waardoor hun <\/span>kans op overleving en voortplanting<\/strong> groter wordt.<\/span><\/p>\r\n<\/li>\r\n<\/ul>\r\n\r\n `,\r\n terms: [\r\n\"Gedrag \u2013 geheel van handelingen van een organisme als reactie op prikkels\",\r\n\"Aangeboren gedrag \u2013 erfelijk vastgelegd gedrag dat zonder leerproces optreedt\",\r\n\"Instinct \u2013 aangeboren gedragspatroon\",\r\n\"Aangeleerd gedrag \u2013 gedrag dat ontstaat door ervaring en leerprocessen\",\r\n\"Gewenning \u2013 afname van reactie op een prikkel door herhaling\",\r\n\"Imitatie \u2013 leren door nadoen van soortgenoten\",\r\n\"Inprenting \u2013 leren in een gevoelige periode, vaak onomkeerbaar\",\r\n\"Conditionering \u2013 leren door koppeling van prikkel of beloning\/straf\",\r\n\"Klassieke conditionering \u2013 koppeling van een neutrale prikkel aan een reflex\",\r\n\"Operante conditionering \u2013 leren door beloning of straf na gedrag\",\r\n\"Trial-and-error \u2013 leren door uitproberen\",\r\n\"Inzichtelijk leren \u2013 plotselinge oplossing van een probleem door inzicht\",\r\n\"Sociaal leren \u2013 leren door interactie met soortgenoten\",\r\n\"Overlevingswaarde \u2013 bijdrage van gedrag of leren aan de overlevingskansen\",\r\n ],\r\n moreTermsUrl: \"http:\/\/begrippen.biologiehuis.com:3000\/index.html\",\r\n tldr: \"Gedrag ontstaat uit een combinatie van aangeboren en aangeleerd gedrag. Leren kan op veel manieren plaatsvinden, zoals gewenning, imitatie, inprenting, conditionering, trial-and-error en inzichtelijk leren. Vooral sociaal leren speelt bij groepsdieren en mensen een belangrijke rol. Het vermogen om te leren vergroot de overlevingswaarde van een individu, omdat gedrag kan worden aangepast aan veranderende omstandigheden.\"\r\n },\r\n {\r\n id: 5,\r\n title: \"Sociaal gedrag bij dieren\",\r\n subtitle: \"Niet alleen mensen hebben gedrag, ook dieren!\",\r\n image: \"https:\/\/biologiehuis.com\/wp-content\/uploads\/2025\/09\/ChatGPT-Image-23-sep-2025-18_41_10.png\", \r\n summary: `\r\n<ul>\r\n<li style=\"font-weight: 400;\">\r\nSociaal gedrag<\/strong> is al het gedrag dat dieren van dezelfde soort tegenover elkaar vertonen. Dit gedrag is belangrijk voor <\/span>communicatie<\/strong>, <\/span>samenwerking<\/strong> en het voorkomen van conflicten. Het zorgt vaak voor een grotere <\/span>overlevingskans<\/strong> en <\/span>voortplantingssucces<\/strong> van de groep én het individu.<\/span><\/p>\r\n<h3>Communicatie<\/strong><\/h3>\r\nDieren communiceren op verschillende manieren met <\/span>signalen<\/strong>:<\/span><\/p>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Visuele signalen<\/strong> (houding, kleuren, gebaren).<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Auditieve signalen<\/strong> (geluiden, zang, roepen).<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Chemische signalen<\/strong> (<\/span>feromonen<\/strong>, geuren).<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Tactiele signalen<\/strong> (aanraking).<\/span> <\/span><\/li>\r\n<\/ul>\r\nDoor duidelijke signalen kunnen dieren hun gedrag coördineren en misverstanden of conflicten verminderen.<\/span><\/p>\r\n<h3>Dominantie en rangorde<\/strong><\/h3>\r\nVeel diersoorten leven in groepen met een <\/span>rangorde<\/strong>.<\/span><\/p>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Binnen een groep is er vaak een <\/span>dominant<\/strong> individu (bijvoorbeeld een alfamannetje of alfavrouwtje).<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Dominantiegedrag<\/strong> kan bestaan uit dreigen, imponeren of soms vechten.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Onderworpen gedrag<\/strong> van lagere dieren voorkomt ernstige conflicten en maakt de rangorde stabiel.<\/span> <\/span><\/li>\r\n<\/ul>\r\nEen rangorde vermindert gevechten en zorgt voor een duidelijke taakverdeling binnen de groep.<\/span><\/p>\r\n<h3>Samenwerking<\/strong><\/h3>\r\nSamenwerking<\/strong> binnen groepen kan op verschillende manieren plaatsvinden:<\/span><\/p>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Jagen in groepen<\/strong>: verhoogt de kans op het vangen van prooien.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Bescherming<\/strong>: dieren in groepen hebben meer kans om roofdieren tijdig te ontdekken.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Zorg voor nakomelingen<\/strong>: groepsdieren kunnen elkaars jongen beschermen of voeden.<\/span> <\/span><\/li>\r\n<\/ul>\r\nSamenwerking levert dus vaak een evolutionair voordeel op.<\/span><\/p>\r\n<h3>Baltsgedrag<\/strong><\/h3>\r\nVoor de <\/span>voortplanting<\/strong> is <\/span>baltsgedrag<\/strong> van groot belang. Dit zijn vaak vaste gedragspatronen waarmee dieren laten zien dat ze <\/span>klaar zijn om te paren<\/strong> en dat ze een geschikte partner zijn. Baltsgedrag helpt bij:<\/span><\/p>\r\n<ul>\r\n<li style=\"font-weight: 400;\">het herkennen van soortgenoten,<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">het opbouwen van een band tussen partners,<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">het synchroniseren van de paringsbereidheid.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<h3>Conflictvermijdend gedrag<\/strong><\/h3>\r\nIn sociale groepen kan <\/span>agressie<\/strong> ontstaan, bijvoorbeeld om voedsel of een partner. Dieren gebruiken vaak <\/span>ritueel gedrag<\/strong> of <\/span>dreiggedrag<\/strong> om gevechten te vermijden. Deze signalen maken de kans kleiner dat er daadwerkelijk lichamelijke schade ontstaat.<\/span><\/p>\r\n<\/li>\r\n<\/ul>\r\n\r\n `,\r\n terms: [\r\n\"Sociaal gedrag \u2013 gedrag van dieren van dezelfde soort tegenover elkaar\",\r\n\"Communicatie \u2013 uitwisseling van signaalen tussen dieren\",\r\n\"Signalen \u2013 visueel, auditief, chemisch of tactiel\",\r\n\"Dominantie \u2013 overheersend gedrag van een individu in de groep\",\r\n\"Rangorde \u2013 hi\u00ebrarchie binnen een groep\",\r\n\"Onderworpen gedrag \u2013 gedrag dat aangeeft dat een dier zijn lagere positie erkent\",\r\n\"Samenwerking \u2013 gezamenlijk gedrag dat overlevingsvoordeel biedt\",\r\n\"Baltsgedrag \u2013 gedrag dat voorafgaat aan paring en de voortplanting mogelijk maakt\",\r\n\"Ritueel gedrag \u2013 vaste gedragingen die agressie of conflicten verminderen\",\r\n\"Conflictvermijdend gedrag \u2013 gedragingen die de kans op een gevecht of verwonding verkleinen\",\r\n ],\r\n moreTermsUrl: \"http:\/\/begrippen.biologiehuis.com:3000\/index.html\",\r\n tldr: \"Sociaal gedrag speelt een belangrijke rol in het leven van groepsdieren. Het omvat communicatie, dominantie en rangorde, samenwerking en baltsgedrag. Door middel van signalen kunnen dieren elkaar begrijpen en conflicten vermijden. Rangordes en ritueel gedrag zorgen voor stabiliteit binnen de groep. Samenwerking en sociaal gedrag vergroten de overlevingskansen van de soort en verhogen het succes van de voortplanting.\"\r\n },\r\n\r\n {\r\n id: 6,\r\n title: \"Gedrag bij mensen\",\r\n subtitle: \"Doe eens niet zo vervelend! Wat is dat voor gedrag?\",\r\n image: \"https:\/\/biologiehuis.com\/wp-content\/uploads\/2025\/09\/ChatGPT-Image-23-sep-2025-18_43_18.png\", \r\n summary: `\r\n<ul>\r\n<li style=\"font-weight: 400;\">\r\nHet <\/span>gedrag van mensen<\/strong> is, net als bij dieren, het resultaat van een <\/span>samenspel tussen erfelijke factoren en omgevingsinvloeden<\/strong>.<\/span><\/p>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Erfelijke factoren<\/strong> bepalen onder andere aanleg voor karaktereigenschappen, temperament en bepaalde reflexen.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Omgevingsfactoren<\/strong> zoals opvoeding, cultuur, sociale omgeving en ervaringen beïnvloeden hoe dit gedrag zich ontwikkelt.<\/span> <\/span><\/li>\r\n<\/ul>\r\nBij mensen is de rol van <\/span>leren<\/strong> veel groter dan bij de meeste dieren, waardoor gedrag sterk kan verschillen tussen individuen en culturen.<\/span><\/p>\r\n<h3>Soorten prikkels en motivatie<\/strong><\/h3>\r\nMenselijk gedrag ontstaat door <\/span>interne prikkels<\/strong> (bijvoorbeeld honger, dorst, emoties, hormonen) en <\/span>externe prikkels<\/strong> (geluiden, licht, woorden van anderen). De <\/span>motivatie<\/strong> bepaalt of en hoe sterk iemand reageert op deze prikkels.<\/span><\/p>\r\n<h3>Aangeleerd gedrag<\/strong><\/h3>\r\nMensen leren op veel manieren nieuw gedrag aan:<\/span><\/p>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Imitatie<\/strong>: nadoen van anderen (cruciaal voor taalverwerving en sociale vaardigheden).<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Conditionering<\/strong>: leren door beloning of straf, zoals gewenst gedrag in de opvoeding.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Inprenting<\/strong>: sommige leerprocessen gebeuren in een <\/span>gevoelige periode<\/strong> en zijn nauwelijks omkeerbaar (bv. hechting in de vroege jeugd).<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Sociaal leren<\/strong>: het overnemen van gedragingen, normen en waarden van de sociale omgeving.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<h3>Gedrag en cultuur<\/strong><\/h3>\r\nCultuur<\/strong> is het geheel van <\/span>normen<\/strong>, <\/span>waarden<\/strong>, <\/span>gebruiken<\/strong> en <\/span>regels<\/strong> dat mensen in een groep delen. Gedrag bij mensen wordt sterk beïnvloed door cultuur. Voorbeelden: omgangsvormen, eetgewoonten, religieuze rituelen.<\/span><\/p>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Gedrag dat in de ene cultuur normaal is, kan in een andere als vreemd of ongepast worden gezien.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Cultuur wordt doorgegeven via <\/span>socialisatie<\/strong>: het proces waarbij iemand de normen en waarden van zijn groep leert.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<h3>Sociaal gedrag bij mensen<\/strong><\/h3>\r\nMensen zijn <\/span>sociale wezens<\/strong> en leven in groepen. Belangrijke vormen van sociaal gedrag zijn:<\/span><\/p>\r\n<ul>\r\n<li style=\"font-weight: 400;\">Samenwerking<\/strong>: bijv. in werk, sport en gezin.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Altruïsme<\/strong>: gedrag dat in het voordeel is van anderen, soms ten koste van jezelf.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Agressie<\/strong>: kan leiden tot conflicten, maar ook dienen om belangen te verdedigen.<\/span> <\/span><\/li>\r\n<li style=\"font-weight: 400;\">Groepsdruk<\/strong>: de neiging van individuen om zich aan te passen aan het gedrag en de verwachtingen van de groep.<\/span> <\/span><\/li>\r\n<\/ul>\r\n<h3>Gedrag en psychologie<\/strong><\/h3>\r\nHet vakgebied <\/span>psychologie<\/strong> houdt zich bezig met het onderzoeken van menselijk gedrag, gevoelens en gedachten. Psychologen proberen te verklaren waarom mensen zich op een bepaalde manier gedragen en hoe gedrag kan veranderen.<\/span><\/p>\r\n<\/li>\r\n<\/ul>\r\n\r\n `,\r\n terms: [\r\n\"Gedrag \u2013 geheel van handelingen van een mens als reactie op prikkels\",\r\n\"Interne prikkel \u2013 prikkel vanuit het lichaam (honger, emoties, hormonen)\",\r\n\"Externe prikkel \u2013 prikkel uit de omgeving (geluid, woorden, licht)\",\r\n\"Motivatie \u2013 bereidheid om op prikkels te reageren\",\r\n\"Imitatie \u2013 leren door nadoen\",\r\n\"Conditionering \u2013 leren door beloning of straf\",\r\n\"Inprenting \u2013 leerproces in een gevoelige periode, vaak onomkeerbaar\",\r\n\"Sociaal leren \u2013 leren van anderen binnen een groep\",\r\n\"Cultuur \u2013 geheel van normen, waarden, regels en gebruiken\",\r\n\"Socialisatie \u2013 proces waarin iemand leert zich aan te passen aan zijn cultuur\",\r\n\"Groepsdruk \u2013 invloed van de groep op individueel gedrag\",\r\n\"Altru\u00efsme \u2013 gedrag dat het belang van anderen dient\",\r\n\"Psychologie \u2013 wetenschap die gedrag, gevoelens en gedachten van mensen onderzoekt\",\r\n ],\r\n moreTermsUrl: \"http:\/\/begrippen.biologiehuis.com:3000\/index.html\",\r\n tldr: \"Het gedrag van mensen wordt be\u00efnvloed door zowel erfelijke factoren als omgevingsinvloeden. Mensen leren nieuw gedrag via imitatie, conditionering, inprenting en sociaal leren. Cultuur en socialisatie spelen een grote rol bij de vorming van gedrag. Belangrijke aspecten van menselijk sociaal gedrag zijn samenwerking, altru\u00efsme, agressie en groepsdruk. Het vakgebied psychologie onderzoekt hoe en waarom mensen zich gedragen en welke factoren daarbij een rol spelen.\"\r\n }\r\n\r\n\r\n ]\r\n };\r\n\r\n \/\/ ====== APP LOGICA ======\r\n const els = {\r\n bookTitle: document.getElementById('bookTitle'),\r\n chapterBadge: document.getElementById('chapterBadge'),\r\n chapterSub: document.getElementById('chapterSub'),\r\n pageIndicator: document.getElementById('pageIndicator'),\r\n progressBar: document.getElementById('progressBar'),\r\n chapterTitle: document.getElementById('chapterTitle'),\r\n chapterSubtitle: document.getElementById('chapterSubtitle'),\r\n summaryBody: document.getElementById('summaryBody'),\r\n termsList: document.getElementById('termsList'),\r\n moreTerms: document.getElementById('moreTerms'),\r\n tldrBody: document.getElementById('tldrBody'),\r\n chapterCounter: document.getElementById('chapterCounter'),\r\n prevBtn: document.getElementById('prevBtn'),\r\n nextBtn: document.getElementById('nextBtn'),\r\n chapterImage: document.getElementById('chapterImage'),\r\n chapterImageWrap: document.getElementById('chapterImageWrap'),\r\n };\r\n\r\n function getChapterIndexFromURL(){\r\n const url = new URL(window.location);\r\n const h = parseInt(url.searchParams.get('h') || url.hash.replace('#h=',''));\r\n const idx = isFinite(h) && h>0 ? h-1 : 0;\r\n return Math.max(0, Math.min(BOOK.chapters.length-1, idx));\r\n }\r\n\r\n let currentIndex = getChapterIndexFromURL();\r\n\r\n function updateURL(){\r\n const h = currentIndex + 1;\r\n const url = new URL(window.location);\r\n url.searchParams.set('h', String(h));\r\n history.replaceState({}, '', url);\r\n document.title = `${BOOK.title} \u2013 Basisstof ${h}`;\r\n }\r\n\r\n function render(){\r\n const total = BOOK.chapters.length;\r\n const ch = BOOK.chapters[currentIndex];\r\n\r\n els.bookTitle.textContent = BOOK.title;\r\n els.chapterBadge.textContent = `Basisstof ${ch.id}`;\r\n els.chapterSub.textContent = ch.title;\r\n\r\n els.chapterTitle.textContent = ch.title;\r\n els.chapterSubtitle.textContent = ch.subtitle || '';\r\n els.summaryBody.innerHTML = ch.summary;\r\n\r\n \/\/ Afbeelding per hoofdstuk invullen of het hele blok verbergen\r\n if (ch.image) {\r\n els.chapterImage.src = ch.image;\r\n els.chapterImage.alt = `Illustratie bij: ${ch.title}`;\r\n els.chapterImageWrap.style.display = 'block';\r\n } else {\r\n els.chapterImage.src = '';\r\n els.chapterImageWrap.style.display = 'none';\r\n }\r\n\r\n els.termsList.innerHTML = (ch.terms||[]).map(t => `<li>${t}<\/li>`).join('');\r\n els.moreTerms.href = ch.moreTermsUrl || '#';\r\n\r\n els.tldrBody.innerHTML = `${ch.tldr||''}<\/p>`;\r\n\r\n els.pageIndicator.textContent = `${ch.id} \/ ${total}`;\r\n els.chapterCounter.textContent = `Basisstof ${ch.id} van ${total}`;\r\n els.progressBar.style.width = `${(ch.id\/total)*100}%`;\r\n\r\n els.prevBtn.disabled = currentIndex === 0;\r\n els.nextBtn.disabled = currentIndex === total-1;\r\n\r\n updateURL();\r\n }\r\n\r\n function go(delta){\r\n const next = currentIndex + delta;\r\n if(next < 0 || next >= BOOK.chapters.length) return;\r\n currentIndex = next; render();\r\n \/\/ verplaats focus netjes\r\n document.getElementById('main').focus({preventScroll:true});\r\n }\r\n\r\n els.prevBtn.addEventListener('click', () => go(-1));\r\n els.nextBtn.addEventListener('click', () => go(1));\r\n\r\n document.addEventListener('keydown', (e) => {\r\n if(e.key === 'ArrowLeft') { go(-1); }\r\n if(e.key === 'ArrowRight'){ go(1); }\r\n });\r\n\r\n \/\/ Initial render\r\n render();\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"Samenvatting \u2013 Boek Ga naar inhoud Titel van het boek Basisstof 1 1 \/ 1 Hoofdstuknaam Korte inleiding of doel van dit hoofdstuk. Belangrijke begrippen Meer begrippen \u2192 Kort samengevat Vorige Basisstof 1 van 1 Volgende<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"folder":[32],"class_list":["post-723","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/biologiehuis.com\/index.php?rest_route=\/wp\/v2\/pages\/723","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/biologiehuis.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/biologiehuis.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/biologiehuis.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/biologiehuis.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=723"}],"version-history":[{"count":62,"href":"https:\/\/biologiehuis.com\/index.php?rest_route=\/wp\/v2\/pages\/723\/revisions"}],"predecessor-version":[{"id":2900,"href":"https:\/\/biologiehuis.com\/index.php?rest_route=\/wp\/v2\/pages\/723\/revisions\/2900"}],"wp:attachment":[{"href":"https:\/\/biologiehuis.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=723"}],"wp:term":[{"taxonomy":"folder","embeddable":true,"href":"https:\/\/biologiehuis.com\/index.php?rest_route=%2Fwp%2Fv2%2Ffolder&post=723"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}