{"id":835,"date":"2025-01-27T11:15:17","date_gmt":"2025-01-27T11:15:17","guid":{"rendered":"https:\/\/biologiehuis.com\/?page_id=835"},"modified":"2025-12-27T14:20:18","modified_gmt":"2025-12-27T14:20:18","slug":"hoofdstuk-3-4","status":"publish","type":"page","link":"https:\/\/biologiehuis.com\/?page_id=835","title":{"rendered":"Hoofdstuk 3"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\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 <!-- boek-icoon -->\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 <span class=\"badge\" id=\"chapterBadge\">Basisstof 1<\/span>\r\n <span id=\"chapterSub\" aria-live=\"polite\"><\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"chapter-meta\" aria-live=\"polite\">\r\n <span id=\"pageIndicator\">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 id=\"progressBar\"><\/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 <p class=\"subtitle\" id=\"chapterSubtitle\">Korte inleiding of doel van dit hoofdstuk.<\/p>\r\n <div id=\"summaryBody\">\r\n <!-- Dynamische inhoud -->\r\n <\/div>\r\n <\/section>\r\n\r\n <aside class=\"side\">\r\n <!-- ========= NIEUW: afbeelding boven begrippen ========= -->\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 class=\"tape\"><\/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\"><span id=\"chapterCounter\">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 const BOOK = {\r\n title: \"Thema 3: De bloedsomloop\", \/\/ \ud83d\udc49 boeknaam\r\n chapters: [\r\n {\r\n id: 1,\r\n title: \"Bloed\",\r\n subtitle: \"Hoe bloed stoffen vervoert en je lichaam gezond houdt\",\r\n image: \"https:\/\/biologiehuis.com\/wp-content\/uploads\/2025\/12\/ChatGPT-Image-26-dec-2025-22_16_28.png\",\r\n summary: `\r\n <h3 data-start=\"115\" data-end=\"136\">Wat is <strong data-start=\"126\" data-end=\"135\">bloed<\/strong>?<\/h3>\r\n<p data-start=\"137\" data-end=\"457\"><strong data-start=\"137\" data-end=\"146\">Bloed<\/strong> is een vloeibare stof die door je lichaam stroomt via de bloedvaten. Het bloed zorgt voor het transport van <strong data-start=\"255\" data-end=\"267\">zuurstof<\/strong>, <strong data-start=\"269\" data-end=\"288\">voedingsstoffen<\/strong> en <strong data-start=\"292\" data-end=\"308\">afvalstoffen<\/strong>. Daarnaast speelt bloed een belangrijke rol bij het verdedigen van het lichaam tegen ziekteverwekkers en bij het regelen van de lichaamstemperatuur.<\/p>\r\n<h3 data-start=\"459\" data-end=\"486\">Samenstelling van bloed<\/h3>\r\n<p data-start=\"487\" data-end=\"530\">Bloed bestaat uit verschillende onderdelen:<\/p>\r\n<ul data-start=\"531\" data-end=\"621\">\r\n<li data-start=\"531\" data-end=\"550\">\r\n<p data-start=\"533\" data-end=\"550\"><strong data-start=\"533\" data-end=\"548\">bloedplasma<\/strong><\/p>\r\n<\/li>\r\n<li data-start=\"551\" data-end=\"575\">\r\n<p data-start=\"553\" data-end=\"575\"><strong data-start=\"553\" data-end=\"573\">rode bloedcellen<\/strong><\/p>\r\n<\/li>\r\n<li data-start=\"576\" data-end=\"601\">\r\n<p data-start=\"578\" data-end=\"601\"><strong data-start=\"578\" data-end=\"599\">witte bloedcellen<\/strong><\/p>\r\n<\/li>\r\n<li data-start=\"602\" data-end=\"621\">\r\n<p data-start=\"604\" data-end=\"621\"><strong data-start=\"604\" data-end=\"621\">bloedplaatjes<\/strong><\/p>\r\n<\/li>\r\n<\/ul>\r\n<p data-start=\"623\" data-end=\"704\">Samen zorgen deze onderdelen ervoor dat het bloed al zijn functies kan uitvoeren.<\/p>\r\n<h3 data-start=\"706\" data-end=\"725\"><strong data-start=\"710\" data-end=\"725\">Bloedplasma<\/strong><\/h3>\r\n<p data-start=\"726\" data-end=\"778\"><strong data-start=\"726\" data-end=\"741\">Bloedplasma<\/strong> is het vloeibare deel van het bloed.<\/p>\r\n<ul data-start=\"779\" data-end=\"917\">\r\n<li data-start=\"779\" data-end=\"820\">\r\n<p data-start=\"781\" data-end=\"820\">bestaat voor een groot deel uit water<\/p>\r\n<\/li>\r\n<li data-start=\"821\" data-end=\"875\">\r\n<p data-start=\"823\" data-end=\"875\">vervoert voedingsstoffen, afvalstoffen en hormonen<\/p>\r\n<\/li>\r\n<li data-start=\"876\" data-end=\"917\">\r\n<p data-start=\"878\" data-end=\"917\">transporteert warmte door het lichaam<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p data-start=\"919\" data-end=\"960\">In het bloedplasma zweven de bloedcellen.<\/p>\r\n<h3 data-start=\"962\" data-end=\"986\"><strong data-start=\"966\" data-end=\"986\">Rode bloedcellen<\/strong><\/h3>\r\n<p data-start=\"987\" data-end=\"1045\"><strong data-start=\"987\" data-end=\"1007\">Rode bloedcellen<\/strong> zorgen voor het vervoer van zuurstof.<\/p>\r\n<ul data-start=\"1046\" data-end=\"1141\">\r\n<li data-start=\"1046\" data-end=\"1074\">\r\n<p data-start=\"1048\" data-end=\"1074\">bevatten <strong data-start=\"1057\" data-end=\"1072\">hemoglobine<\/strong><\/p>\r\n<\/li>\r\n<li data-start=\"1075\" data-end=\"1105\">\r\n<p data-start=\"1077\" data-end=\"1105\">hemoglobine bindt zuurstof<\/p>\r\n<\/li>\r\n<li data-start=\"1106\" data-end=\"1141\">\r\n<p data-start=\"1108\" data-end=\"1141\">geven zuurstof af aan de cellen<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p data-start=\"1143\" data-end=\"1225\">Dankzij rode bloedcellen kunnen cellen zuurstof gebruiken voor de <strong data-start=\"1209\" data-end=\"1224\">verbranding<\/strong>.<\/p>\r\n<h3 data-start=\"1227\" data-end=\"1252\"><strong data-start=\"1231\" data-end=\"1252\">Witte bloedcellen<\/strong><\/h3>\r\n<p data-start=\"1253\" data-end=\"1304\"><strong data-start=\"1253\" data-end=\"1274\">Witte bloedcellen<\/strong> spelen een rol bij de afweer.<\/p>\r\n<ul data-start=\"1305\" data-end=\"1429\">\r\n<li data-start=\"1305\" data-end=\"1336\">\r\n<p data-start=\"1307\" data-end=\"1336\">bestrijden ziekteverwekkers<\/p>\r\n<\/li>\r\n<li data-start=\"1337\" data-end=\"1381\">\r\n<p data-start=\"1339\" data-end=\"1381\">maken bacteriën en virussen onschadelijk<\/p>\r\n<\/li>\r\n<li data-start=\"1382\" data-end=\"1429\">\r\n<p data-start=\"1384\" data-end=\"1429\">zorgen ervoor dat je minder snel ziek wordt<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p data-start=\"1431\" data-end=\"1475\">Ze maken deel uit van het <strong data-start=\"1457\" data-end=\"1474\">immuunsysteem<\/strong>.<\/p>\r\n<h3 data-start=\"1477\" data-end=\"1498\"><strong data-start=\"1481\" data-end=\"1498\">Bloedplaatjes<\/strong><\/h3>\r\n<p data-start=\"1499\" data-end=\"1545\"><strong data-start=\"1499\" data-end=\"1516\">Bloedplaatjes<\/strong> zijn belangrijk bij wondjes.<\/p>\r\n<ul data-start=\"1546\" data-end=\"1634\">\r\n<li data-start=\"1546\" data-end=\"1579\">\r\n<p data-start=\"1548\" data-end=\"1579\">zorgen voor <strong data-start=\"1560\" data-end=\"1577\">bloedstolling<\/strong><\/p>\r\n<\/li>\r\n<li data-start=\"1580\" data-end=\"1602\">\r\n<p data-start=\"1582\" data-end=\"1602\">sluiten wondjes af<\/p>\r\n<\/li>\r\n<li data-start=\"1603\" data-end=\"1634\">\r\n<p data-start=\"1605\" data-end=\"1634\">voorkomen veel bloedverlies<\/p>\r\n<\/li>\r\n<\/ul>\r\n<h3 data-start=\"1636\" data-end=\"1658\">Functies van bloed<\/h3>\r\n<p data-start=\"1659\" data-end=\"1689\">Bloed heeft meerdere functies:<\/p>\r\n<ul data-start=\"1690\" data-end=\"1858\">\r\n<li data-start=\"1690\" data-end=\"1735\">\r\n<p data-start=\"1692\" data-end=\"1735\">transport van zuurstof en voedingsstoffen<\/p>\r\n<\/li>\r\n<li data-start=\"1736\" data-end=\"1782\">\r\n<p data-start=\"1738\" data-end=\"1782\">afvoer van koolstofdioxide en afvalstoffen<\/p>\r\n<\/li>\r\n<li data-start=\"1783\" data-end=\"1821\">\r\n<p data-start=\"1785\" data-end=\"1821\">bescherming tegen ziekteverwekkers<\/p>\r\n<\/li>\r\n<li data-start=\"1822\" data-end=\"1858\">\r\n<p data-start=\"1824\" data-end=\"1858\">regeling van lichaamstemperatuur<\/p>\r\n<\/li>\r\n<\/ul>\r\n `,\r\n terms: [\r\n \"Bloed \u2013 vloeibare stof die door het lichaam stroomt en stoffen vervoert\",\r\n \"Bloedplasma \u2013 vloeibare deel van het bloed waarin bloedcellen zweven\",\r\n \"Rode bloedcellen \u2013 cellen die zuurstof vervoeren\",\r\n \"Hemoglobine \u2013 stof in rode bloedcellen die zuurstof bindt\",\r\n \"Witte bloedcellen \u2013 cellen die ziekteverwekkers bestrijden\",\r\n \"Bloedplaatjes \u2013 delen van cellen die zorgen voor bloedstolling\",\r\n \"Bloedstolling \u2013 proces waarbij een wondje wordt afgesloten\"\r\n ],\r\n moreTermsUrl: \"http:\/\/begrippen.biologiehuis.com:3000\/index.html\",\r\n tldr: \"Bloed bestaat uit bloedplasma, rode bloedcellen, witte bloedcellen en bloedplaatjes. Het bloed vervoert zuurstof, voedingsstoffen en afvalstoffen, beschermt tegen ziekteverwekkers en helpt bij bloedstolling. Zo speelt bloed een onmisbare rol bij het functioneren en gezond blijven van het lichaam.\"\r\n },\r\n\r\n {\r\n id: 2,\r\n title: \"De bloedsomloop\",\r\n subtitle: \"Hoe het hart en de bloedvaten samenwerken\",\r\n image: \"https:\/\/biologiehuis.com\/wp-content\/uploads\/2025\/08\/ChatGPT-Image-17-aug-2025-16_44_42.png\",\r\n summary: `\r\n<h3 data-start=\"106\" data-end=\"137\">Wat is de <strong data-start=\"120\" data-end=\"136\">bloedsomloop<\/strong>?<\/h3>\r\n<p data-start=\"138\" data-end=\"407\">De <strong data-start=\"141\" data-end=\"157\">bloedsomloop<\/strong> zorgt ervoor dat het <strong data-start=\"179\" data-end=\"188\">bloed<\/strong> door het hele lichaam wordt rondgepompt. Zo komen <strong data-start=\"239\" data-end=\"251\">zuurstof<\/strong> en <strong data-start=\"255\" data-end=\"274\">voedingsstoffen<\/strong> bij alle cellen en worden <strong data-start=\"301\" data-end=\"317\">afvalstoffen<\/strong> zoals <strong data-start=\"324\" data-end=\"343\">koolstofdioxide<\/strong> afgevoerd. Zonder bloedsomloop kunnen cellen niet functioneren.<\/p>\r\n<p data-start=\"409\" data-end=\"471\">De bloedsomloop bestaat uit het <strong data-start=\"441\" data-end=\"449\">hart<\/strong> en de <strong data-start=\"456\" data-end=\"470\">bloedvaten<\/strong>.<\/p>\r\n<h3 data-start=\"473\" data-end=\"489\">Het <strong data-start=\"481\" data-end=\"489\">hart<\/strong><\/h3>\r\n<p data-start=\"490\" data-end=\"549\">Het <strong data-start=\"494\" data-end=\"502\">hart<\/strong> is een gespierde pomp die het bloed rondpompt.<\/p>\r\n<ul data-start=\"550\" data-end=\"673\">\r\n<li data-start=\"550\" data-end=\"586\">\r\n<p data-start=\"552\" data-end=\"586\">het hart trekt samen en ontspant<\/p>\r\n<\/li>\r\n<li data-start=\"587\" data-end=\"636\">\r\n<p data-start=\"589\" data-end=\"636\">bij elke samentrekking wordt bloed weggepompt<\/p>\r\n<\/li>\r\n<li data-start=\"637\" data-end=\"673\">\r\n<p data-start=\"639\" data-end=\"673\">het hart klopt dag en nacht door<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p data-start=\"675\" data-end=\"708\">Het hart bestaat uit vier holtes:<\/p>\r\n<ul data-start=\"709\" data-end=\"806\">\r\n<li data-start=\"709\" data-end=\"734\">\r\n<p data-start=\"711\" data-end=\"734\">een <strong data-start=\"715\" data-end=\"732\">rechterboezem<\/strong><\/p>\r\n<\/li>\r\n<li data-start=\"735\" data-end=\"759\">\r\n<p data-start=\"737\" data-end=\"759\">een <strong data-start=\"741\" data-end=\"757\">rechterkamer<\/strong><\/p>\r\n<\/li>\r\n<li data-start=\"760\" data-end=\"784\">\r\n<p data-start=\"762\" data-end=\"784\">een <strong data-start=\"766\" data-end=\"782\">linkerboezem<\/strong><\/p>\r\n<\/li>\r\n<li data-start=\"785\" data-end=\"806\">\r\n<p data-start=\"787\" data-end=\"806\">een <strong data-start=\"791\" data-end=\"806\">linkerkamer<\/strong><\/p>\r\n<\/li>\r\n<\/ul>\r\n<h3 data-start=\"808\" data-end=\"840\">Kleine en grote bloedsomloop<\/h3>\r\n<p data-start=\"841\" data-end=\"868\">Er zijn twee bloedsomlopen:<\/p>\r\n<ul data-start=\"869\" data-end=\"927\">\r\n<li data-start=\"869\" data-end=\"899\">\r\n<p data-start=\"871\" data-end=\"899\">de <strong data-start=\"874\" data-end=\"897\">kleine bloedsomloop<\/strong><\/p>\r\n<\/li>\r\n<li data-start=\"900\" data-end=\"927\">\r\n<p data-start=\"902\" data-end=\"927\">de <strong data-start=\"905\" data-end=\"927\">grote bloedsomloop<\/strong><\/p>\r\n<\/li>\r\n<\/ul>\r\n<p data-start=\"929\" data-end=\"960\">Bij de <strong data-start=\"936\" data-end=\"959\">kleine bloedsomloop<\/strong>:<\/p>\r\n<ul data-start=\"961\" data-end=\"1123\">\r\n<li data-start=\"961\" data-end=\"1010\">\r\n<p data-start=\"963\" data-end=\"1010\">stroomt bloed van het hart naar de <strong data-start=\"998\" data-end=\"1008\">longen<\/strong><\/p>\r\n<\/li>\r\n<li data-start=\"1011\" data-end=\"1049\">\r\n<p data-start=\"1013\" data-end=\"1049\">geeft het bloed koolstofdioxide af<\/p>\r\n<\/li>\r\n<li data-start=\"1050\" data-end=\"1081\">\r\n<p data-start=\"1052\" data-end=\"1081\">neemt het bloed zuurstof op<\/p>\r\n<\/li>\r\n<li data-start=\"1082\" data-end=\"1123\">\r\n<p data-start=\"1084\" data-end=\"1123\">stroomt het bloed terug naar het hart<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p data-start=\"1125\" data-end=\"1155\">Bij de <strong data-start=\"1132\" data-end=\"1154\">grote bloedsomloop<\/strong>:<\/p>\r\n<ul data-start=\"1156\" data-end=\"1342\">\r\n<li data-start=\"1156\" data-end=\"1216\">\r\n<p data-start=\"1158\" data-end=\"1216\">stroomt zuurstofrijk bloed van het hart naar het lichaam<\/p>\r\n<\/li>\r\n<li data-start=\"1217\" data-end=\"1261\">\r\n<p data-start=\"1219\" data-end=\"1261\">geven cellen zuurstof af aan de weefsels<\/p>\r\n<\/li>\r\n<li data-start=\"1262\" data-end=\"1300\">\r\n<p data-start=\"1264\" data-end=\"1300\">neemt het bloed koolstofdioxide op<\/p>\r\n<\/li>\r\n<li data-start=\"1301\" data-end=\"1342\">\r\n<p data-start=\"1303\" data-end=\"1342\">stroomt het bloed terug naar het hart<\/p>\r\n<\/li>\r\n<\/ul>\r\n<h3 data-start=\"1344\" data-end=\"1362\"><strong data-start=\"1348\" data-end=\"1362\">Bloedvaten<\/strong><\/h3>\r\n<p data-start=\"1363\" data-end=\"1423\">Het bloed stroomt door <strong data-start=\"1386\" data-end=\"1400\">bloedvaten<\/strong>. Er zijn drie soorten:<\/p>\r\n<ul data-start=\"1424\" data-end=\"1471\">\r\n<li data-start=\"1424\" data-end=\"1441\">\r\n<p data-start=\"1426\" data-end=\"1441\"><strong data-start=\"1426\" data-end=\"1439\">slagaders<\/strong><\/p>\r\n<\/li>\r\n<li data-start=\"1442\" data-end=\"1455\">\r\n<p data-start=\"1444\" data-end=\"1455\"><strong data-start=\"1444\" data-end=\"1453\">aders<\/strong><\/p>\r\n<\/li>\r\n<li data-start=\"1456\" data-end=\"1471\">\r\n<p data-start=\"1458\" data-end=\"1471\"><strong data-start=\"1458\" data-end=\"1471\">haarvaten<\/strong><\/p>\r\n<\/li>\r\n<\/ul>\r\n<p data-start=\"1473\" data-end=\"1487\"><strong data-start=\"1473\" data-end=\"1486\">Slagaders<\/strong>:<\/p>\r\n<ul data-start=\"1488\" data-end=\"1553\">\r\n<li data-start=\"1488\" data-end=\"1520\">\r\n<p data-start=\"1490\" data-end=\"1520\">voeren bloed van het hart af<\/p>\r\n<\/li>\r\n<li data-start=\"1521\" data-end=\"1553\">\r\n<p data-start=\"1523\" data-end=\"1553\">hebben dikke, stevige wanden<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p data-start=\"1555\" data-end=\"1565\"><strong data-start=\"1555\" data-end=\"1564\">Aders<\/strong>:<\/p>\r\n<ul data-start=\"1566\" data-end=\"1661\">\r\n<li data-start=\"1566\" data-end=\"1602\">\r\n<p data-start=\"1568\" data-end=\"1602\">voeren bloed terug naar het hart<\/p>\r\n<\/li>\r\n<li data-start=\"1603\" data-end=\"1661\">\r\n<p data-start=\"1605\" data-end=\"1661\">bevatten vaak <strong data-start=\"1619\" data-end=\"1630\">kleppen<\/strong> om terugstromen te voorkomen<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p data-start=\"1663\" data-end=\"1677\"><strong data-start=\"1663\" data-end=\"1676\">Haarvaten<\/strong>:<\/p>\r\n<ul data-start=\"1678\" data-end=\"1769\">\r\n<li data-start=\"1678\" data-end=\"1695\">\r\n<p data-start=\"1680\" data-end=\"1695\">zijn heel dun<\/p>\r\n<\/li>\r\n<li data-start=\"1696\" data-end=\"1736\">\r\n<p data-start=\"1698\" data-end=\"1736\">zorgen voor uitwisseling van stoffen<\/p>\r\n<\/li>\r\n<li data-start=\"1737\" data-end=\"1769\">\r\n<p data-start=\"1739\" data-end=\"1769\">verbinden slagaders en aders<\/p>\r\n<\/li>\r\n<\/ul>\r\n<h3 data-start=\"1771\" data-end=\"1794\">Stoffen uitwisselen<\/h3>\r\n<p data-start=\"1795\" data-end=\"1815\">In de <strong data-start=\"1801\" data-end=\"1814\">haarvaten<\/strong>:<\/p>\r\n<ul data-start=\"1816\" data-end=\"1951\">\r\n<li data-start=\"1816\" data-end=\"1862\">\r\n<p data-start=\"1818\" data-end=\"1862\">gaat zuurstof van het bloed naar de cellen<\/p>\r\n<\/li>\r\n<li data-start=\"1863\" data-end=\"1902\">\r\n<p data-start=\"1865\" data-end=\"1902\">gaan voedingsstoffen naar de cellen<\/p>\r\n<\/li>\r\n<li data-start=\"1903\" data-end=\"1951\">\r\n<p data-start=\"1905\" data-end=\"1951\">gaan afvalstoffen van de cellen het bloed in<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p data-start=\"1953\" data-end=\"1996\">Zo krijgen alle cellen wat ze nodig hebben.<\/p>\r\n`,\r\n terms: [\r\n \"Bloedsomloop \u2013 het rondpompen van bloed door het lichaam\",\r\n \"Hart \u2013 gespierde pomp die het bloed rondpompt\",\r\n \"Kleine bloedsomloop \u2013 bloedsomloop tussen hart en longen\",\r\n \"Grote bloedsomloop \u2013 bloedsomloop tussen hart en lichaam\",\r\n \"Slagaders \u2013 bloedvaten die bloed van het hart afvoeren\",\r\n \"Aders \u2013 bloedvaten die bloed naar het hart terugvoeren\",\r\n \"Haarvaten \u2013 dunne bloedvaten waar stoffen worden uitgewisseld\"\r\n ],\r\n moreTermsUrl: \"http:\/\/begrippen.biologiehuis.com:3000\/index.html\",\r\n tldr: \"De bloedsomloop zorgt ervoor dat bloed door het hele lichaam stroomt. Het hart pompt het bloed rond via slagaders, aders en haarvaten. In de kleine bloedsomloop wordt bloed in de longen voorzien van zuurstof. In de grote bloedsomloop worden zuurstof en voedingsstoffen naar alle cellen gebracht. Zo kunnen cellen blijven functioneren en afvalstoffen worden afgevoerd.\"\r\n },\r\n\r\n {\r\n id: 3,\r\n title: \"Het hart\",\r\n subtitle: \"Hoe het hart bloed rondpompt door je hele lichaam\",\r\n image: \"https:\/\/biologiehuis.com\/wp-content\/uploads\/2025\/09\/ChatGPT-Image-23-sep-2025-20_46_41.png\",\r\n summary: `\r\n<h3 data-start=\"104\" data-end=\"128\">Wat is het <strong data-start=\"119\" data-end=\"127\">hart<\/strong>?<\/h3>\r\n<p data-start=\"129\" data-end=\"460\">Het <strong data-start=\"133\" data-end=\"141\">hart<\/strong> is een gespierde pomp die ervoor zorgt dat het <strong data-start=\"189\" data-end=\"198\">bloed<\/strong> voortdurend door je lichaam stroomt. Door het samentrekken en ontspannen van het hart worden <strong data-start=\"292\" data-end=\"304\">zuurstof<\/strong>, <strong data-start=\"306\" data-end=\"325\">voedingsstoffen<\/strong> en <strong data-start=\"329\" data-end=\"345\">afvalstoffen<\/strong> door de <strong data-start=\"354\" data-end=\"370\">bloedsomloop<\/strong> vervoerd. Het hart klopt dag en nacht, zonder dat je daar bewust over hoeft na te denken.<\/p>\r\n<h3 data-start=\"462\" data-end=\"483\">Bouw van het hart<\/h3>\r\n<p data-start=\"484\" data-end=\"517\">Het hart bestaat uit vier holtes:<\/p>\r\n<ul data-start=\"518\" data-end=\"611\">\r\n<li data-start=\"518\" data-end=\"542\">\r\n<p data-start=\"520\" data-end=\"542\">de <strong data-start=\"523\" data-end=\"540\">rechterboezem<\/strong><\/p>\r\n<\/li>\r\n<li data-start=\"543\" data-end=\"566\">\r\n<p data-start=\"545\" data-end=\"566\">de <strong data-start=\"548\" data-end=\"564\">rechterkamer<\/strong><\/p>\r\n<\/li>\r\n<li data-start=\"567\" data-end=\"590\">\r\n<p data-start=\"569\" data-end=\"590\">de <strong data-start=\"572\" data-end=\"588\">linkerboezem<\/strong><\/p>\r\n<\/li>\r\n<li data-start=\"591\" data-end=\"611\">\r\n<p data-start=\"593\" data-end=\"611\">de <strong data-start=\"596\" data-end=\"611\">linkerkamer<\/strong><\/p>\r\n<\/li>\r\n<\/ul>\r\n<p data-start=\"613\" data-end=\"691\">De boezems ontvangen het bloed en de kamers pompen het bloed weg uit het hart.<\/p>\r\n<p data-start=\"693\" data-end=\"807\">Tussen de boezems en kamers zitten <strong data-start=\"728\" data-end=\"743\">hartkleppen<\/strong>. Deze zorgen ervoor dat het bloed maar één kant op kan stromen.<\/p>\r\n<h3 data-start=\"809\" data-end=\"840\">Rechter- en linkerharthelft<\/h3>\r\n<p data-start=\"841\" data-end=\"897\">Het hart is verdeeld in een rechter- en een linkerhelft.<\/p>\r\n<ul data-start=\"898\" data-end=\"1020\">\r\n<li data-start=\"898\" data-end=\"952\">\r\n<p data-start=\"900\" data-end=\"952\">de <strong data-start=\"903\" data-end=\"923\">rechterharthelft<\/strong> pompt bloed naar de longen<\/p>\r\n<\/li>\r\n<li data-start=\"953\" data-end=\"1020\">\r\n<p data-start=\"955\" data-end=\"1020\">de <strong data-start=\"958\" data-end=\"977\">linkerharthelft<\/strong> pompt bloed naar de rest van het lichaam<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p data-start=\"1022\" data-end=\"1164\">De <strong data-start=\"1025\" data-end=\"1040\">linkerkamer<\/strong> heeft een dikkere spierwand dan de rechterkamer, omdat het bloed met meer kracht door het hele lichaam moet worden gepompt.<\/p>\r\n<h3 data-start=\"1166\" data-end=\"1190\">Werking van het hart<\/h3>\r\n<p data-start=\"1191\" data-end=\"1224\">Het hart werkt in een vast ritme.<\/p>\r\n<ul data-start=\"1225\" data-end=\"1409\">\r\n<li data-start=\"1225\" data-end=\"1288\">\r\n<p data-start=\"1227\" data-end=\"1288\">eerst trekken de <strong data-start=\"1244\" data-end=\"1255\">boezems<\/strong> samen en vullen de kamers zich<\/p>\r\n<\/li>\r\n<li data-start=\"1289\" data-end=\"1351\">\r\n<p data-start=\"1291\" data-end=\"1351\">daarna trekken de <strong data-start=\"1309\" data-end=\"1319\">kamers<\/strong> samen en pompen het bloed weg<\/p>\r\n<\/li>\r\n<li data-start=\"1352\" data-end=\"1409\">\r\n<p data-start=\"1354\" data-end=\"1409\">vervolgens ontspant het hart en vult het zich opnieuw<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p data-start=\"1411\" data-end=\"1483\">Deze afwisseling van samentrekken en ontspannen noem je de <strong data-start=\"1470\" data-end=\"1482\">hartslag<\/strong>.<\/p>\r\n<h3 data-start=\"1485\" data-end=\"1511\">Hartslag en inspanning<\/h3>\r\n<p data-start=\"1512\" data-end=\"1593\">Het aantal keer dat het hart per minuut klopt, noem je de <strong data-start=\"1570\" data-end=\"1592\">hartslagfrequentie<\/strong>.<\/p>\r\n<ul data-start=\"1594\" data-end=\"1664\">\r\n<li data-start=\"1594\" data-end=\"1626\">\r\n<p data-start=\"1596\" data-end=\"1626\">in rust is de hartslag lager<\/p>\r\n<\/li>\r\n<li data-start=\"1627\" data-end=\"1664\">\r\n<p data-start=\"1629\" data-end=\"1664\">bij inspanning stijgt de hartslag<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p data-start=\"1666\" data-end=\"1794\">Bij inspanning hebben je spieren meer zuurstof en energie nodig. Het hart gaat dan sneller kloppen om meer bloed rond te pompen.<\/p>\r\n<h3 data-start=\"1796\" data-end=\"1832\">Samenwerking met de bloedsomloop<\/h3>\r\n<p data-start=\"1833\" data-end=\"1872\">Het hart werkt samen met de bloedvaten:<\/p>\r\n<ul data-start=\"1873\" data-end=\"2021\">\r\n<li data-start=\"1873\" data-end=\"1919\">\r\n<p data-start=\"1875\" data-end=\"1919\"><strong data-start=\"1875\" data-end=\"1888\">slagaders<\/strong> voeren bloed van het hart af<\/p>\r\n<\/li>\r\n<li data-start=\"1920\" data-end=\"1966\">\r\n<p data-start=\"1922\" data-end=\"1966\"><strong data-start=\"1922\" data-end=\"1931\">aders<\/strong> voeren bloed terug naar het hart<\/p>\r\n<\/li>\r\n<li data-start=\"1967\" data-end=\"2021\">\r\n<p data-start=\"1969\" data-end=\"2021\"><strong data-start=\"1969\" data-end=\"1982\">haarvaten<\/strong> zorgen voor uitwisseling van stoffen<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p data-start=\"2023\" data-end=\"2071\">Zo bereikt het bloed alle cellen in het lichaam.<\/p>\r\n`,\r\n terms: [\r\n \"Hart \u2013 gespierde pomp die het bloed rondpompt\",\r\n \"Boezems \u2013 holtes van het hart die bloed ontvangen\",\r\n \"Kamers \u2013 holtes van het hart die bloed wegpompen\",\r\n \"Hartkleppen \u2013 zorgen ervoor dat bloed niet terugstroomt\",\r\n \"Hartslag \u2013 het samentrekken en ontspannen van het hart\",\r\n \"Hartslagfrequentie \u2013 aantal hartslagen per minuut\"\r\n ],\r\n moreTermsUrl: \"http:\/\/begrippen.biologiehuis.com:3000\/index.html\",\r\n tldr: \"Het hart is de motor van de bloedsomloop. Het bestaat uit vier holtes en pompt bloed door het lichaam via een vast ritme van samentrekken en ontspannen. Dankzij hartkleppen stroomt het bloed maar \u00e9\u00e9n kant op. Bij inspanning gaat het hart sneller kloppen om voldoende zuurstof en voedingsstoffen naar de cellen te brengen.\"\r\n },\r\n\r\n {\r\n id: 4,\r\n title: \"Uitscheiding\",\r\n subtitle: \"Hoe je lichaam zichzelf schoon en in balans houdt\",\r\n image: \"https:\/\/biologiehuis.com\/wp-content\/uploads\/2025\/08\/ChatGPT-Image-17-aug-2025-16_42_06.png\",\r\n summary: `\r\n<h3 data-start=\"107\" data-end=\"135\">Wat is <strong data-start=\"118\" data-end=\"134\">uitscheiding<\/strong>?<\/h3>\r\n<p data-start=\"136\" data-end=\"384\"><strong data-start=\"136\" data-end=\"152\">Uitscheiding<\/strong> is het verwijderen van <strong data-start=\"176\" data-end=\"192\">afvalstoffen<\/strong> uit het lichaam. Afvalstoffen ontstaan bij de <strong data-start=\"239\" data-end=\"254\">verbranding<\/strong> en andere processen in de cellen. Als deze stoffen in het lichaam blijven, zijn ze schadelijk. Daarom moeten ze worden afgevoerd.<\/p>\r\n<p data-start=\"386\" data-end=\"438\">Bij uitscheiding werken verschillende organen samen.<\/p>\r\n<h3 data-start=\"440\" data-end=\"471\">Afvalstoffen in het lichaam<\/h3>\r\n<p data-start=\"472\" data-end=\"508\">In je lichaam ontstaan onder andere:<\/p>\r\n<ul data-start=\"509\" data-end=\"656\">\r\n<li data-start=\"509\" data-end=\"548\">\r\n<p data-start=\"511\" data-end=\"548\"><strong data-start=\"511\" data-end=\"530\">koolstofdioxide<\/strong> bij verbranding<\/p>\r\n<\/li>\r\n<li data-start=\"549\" data-end=\"576\">\r\n<p data-start=\"551\" data-end=\"576\"><strong data-start=\"551\" data-end=\"560\">water<\/strong> als afvalstof<\/p>\r\n<\/li>\r\n<li data-start=\"577\" data-end=\"633\">\r\n<p data-start=\"579\" data-end=\"633\"><strong data-start=\"579\" data-end=\"588\">ureum<\/strong>, een afvalstof uit de afbraak van eiwitten<\/p>\r\n<\/li>\r\n<li data-start=\"634\" data-end=\"656\">\r\n<p data-start=\"636\" data-end=\"656\">overtollige zouten<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p data-start=\"658\" data-end=\"720\">Deze stoffen moeten het lichaam verlaten om gezond te blijven.<\/p>\r\n<h3 data-start=\"722\" data-end=\"739\">De <strong data-start=\"729\" data-end=\"739\">nieren<\/strong><\/h3>\r\n<p data-start=\"740\" data-end=\"798\">De <strong data-start=\"743\" data-end=\"753\">nieren<\/strong> spelen een belangrijke rol bij uitscheiding.<\/p>\r\n<ul data-start=\"799\" data-end=\"911\">\r\n<li data-start=\"799\" data-end=\"824\">\r\n<p data-start=\"801\" data-end=\"824\">ze filteren het bloed<\/p>\r\n<\/li>\r\n<li data-start=\"825\" data-end=\"853\">\r\n<p data-start=\"827\" data-end=\"853\">halen afvalstoffen eruit<\/p>\r\n<\/li>\r\n<li data-start=\"854\" data-end=\"911\">\r\n<p data-start=\"856\" data-end=\"911\">regelen de hoeveelheid water en zouten in het lichaam<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p data-start=\"913\" data-end=\"950\">In de nieren wordt <strong data-start=\"932\" data-end=\"941\">urine<\/strong> gevormd.<\/p>\r\n<h3 data-start=\"952\" data-end=\"966\">Urinewegen<\/h3>\r\n<p data-start=\"967\" data-end=\"1018\">De urine verlaat het lichaam via de <strong data-start=\"1003\" data-end=\"1017\">urinewegen<\/strong>:<\/p>\r\n<ul data-start=\"1019\" data-end=\"1175\">\r\n<li data-start=\"1019\" data-end=\"1083\">\r\n<p data-start=\"1021\" data-end=\"1083\">de <strong data-start=\"1024\" data-end=\"1040\">urineleiders<\/strong> voeren urine van de nieren naar de blaas<\/p>\r\n<\/li>\r\n<li data-start=\"1084\" data-end=\"1130\">\r\n<p data-start=\"1086\" data-end=\"1130\">de <strong data-start=\"1089\" data-end=\"1103\">urineblaas<\/strong> slaat urine tijdelijk op<\/p>\r\n<\/li>\r\n<li data-start=\"1131\" data-end=\"1175\">\r\n<p data-start=\"1133\" data-end=\"1175\">de <strong data-start=\"1136\" data-end=\"1149\">urinebuis<\/strong> voert urine naar buiten<\/p>\r\n<\/li>\r\n<\/ul>\r\n<h3 data-start=\"1177\" data-end=\"1212\">Uitscheiding via longen en huid<\/h3>\r\n<p data-start=\"1213\" data-end=\"1270\">Niet alle afvalstoffen verlaten het lichaam via de urine.<\/p>\r\n<p data-start=\"1272\" data-end=\"1286\">De <strong data-start=\"1275\" data-end=\"1285\">longen<\/strong>:<\/p>\r\n<ul data-start=\"1287\" data-end=\"1360\">\r\n<li data-start=\"1287\" data-end=\"1323\">\r\n<p data-start=\"1289\" data-end=\"1323\">scheiden <strong data-start=\"1298\" data-end=\"1317\">koolstofdioxide<\/strong> uit<\/p>\r\n<\/li>\r\n<li data-start=\"1324\" data-end=\"1360\">\r\n<p data-start=\"1326\" data-end=\"1360\">geven water af bij het uitademen<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p data-start=\"1362\" data-end=\"1374\">De <strong data-start=\"1365\" data-end=\"1373\">huid<\/strong>:<\/p>\r\n<ul data-start=\"1375\" data-end=\"1470\">\r\n<li data-start=\"1375\" data-end=\"1417\">\r\n<p data-start=\"1377\" data-end=\"1417\">scheidt afvalstoffen uit via <strong data-start=\"1406\" data-end=\"1415\">zweet<\/strong><\/p>\r\n<\/li>\r\n<li data-start=\"1418\" data-end=\"1470\">\r\n<p data-start=\"1420\" data-end=\"1470\">helpt bij de regeling van de lichaamstemperatuur<\/p>\r\n<\/li>\r\n<\/ul>\r\n<h3 data-start=\"1472\" data-end=\"1499\">Belang van uitscheiding<\/h3>\r\n<p data-start=\"1500\" data-end=\"1533\">Uitscheiding is belangrijk omdat:<\/p>\r\n<ul data-start=\"1534\" data-end=\"1665\">\r\n<li data-start=\"1534\" data-end=\"1566\">\r\n<p data-start=\"1536\" data-end=\"1566\">afvalstoffen schadelijk zijn<\/p>\r\n<\/li>\r\n<li data-start=\"1567\" data-end=\"1623\">\r\n<p data-start=\"1569\" data-end=\"1623\">de samenstelling van het bloed constant moet blijven<\/p>\r\n<\/li>\r\n<li data-start=\"1624\" data-end=\"1665\">\r\n<p data-start=\"1626\" data-end=\"1665\">het lichaam in evenwicht moet blijven<\/p>\r\n<\/li>\r\n<\/ul>\r\n`,\r\n terms: [\r\n \"Uitscheiding \u2013 het verwijderen van afvalstoffen uit het lichaam\",\r\n \"Afvalstoffen \u2013 stoffen die bij stofwisseling ontstaan en schadelijk zijn\",\r\n \"Nieren \u2013 organen die het bloed filteren en urine maken\",\r\n \"Urine \u2013 vloeistof met afvalstoffen en overtollig water\",\r\n \"Urineblaas \u2013 orgaan waarin urine wordt opgeslagen\",\r\n \"Koolstofdioxide \u2013 afvalstof die via de longen wordt uitgescheiden\",\r\n \"Zweet \u2013 vloeistof die via de huid wordt uitgescheiden\"\r\n ],\r\n moreTermsUrl: \"http:\/\/begrippen.biologiehuis.com:3000\/index.html\",\r\n tldr: \"Bij uitscheiding worden afvalstoffen uit het lichaam verwijderd. De nieren filteren het bloed en maken urine, die via de urinewegen het lichaam verlaat. Daarnaast scheiden de longen koolstofdioxide uit en de huid afvalstoffen via zweet. Zo blijft het lichaam gezond en in evenwicht.\"\r\n },\r\n\r\n {\r\n id: 5,\r\n title: \"Het immuunsysteem\",\r\n subtitle: \"Hoe je lichaam zichzelf verdedigt tegen bacteri\u00ebn en virussen\",\r\n image: \"https:\/\/biologiehuis.com\/wp-content\/uploads\/2025\/12\/ChatGPT-Image-26-dec-2025-22_15_13.png\",\r\n summary: `\r\n<h3 data-start=\"131\" data-end=\"164\">Wat is het <strong data-start=\"146\" data-end=\"163\">immuunsysteem<\/strong>?<\/h3>\r\n<p data-start=\"165\" data-end=\"412\">Het <strong data-start=\"169\" data-end=\"186\">immuunsysteem<\/strong> beschermt je lichaam tegen <strong data-start=\"214\" data-end=\"234\">ziekteverwekkers<\/strong>, zoals <strong data-start=\"242\" data-end=\"255\">bacteriën<\/strong> en <strong data-start=\"259\" data-end=\"271\">virussen<\/strong>. Deze ziekteverwekkers kunnen je ziek maken. Het immuunsysteem herkent indringers, maakt ze onschadelijk en ruimt ze op. Zo blijf je gezond.<\/p>\r\n<p data-start=\"414\" data-end=\"501\">Het immuunsysteem bestaat uit verschillende organen, cellen en stoffen die samenwerken.<\/p>\r\n<h3 data-start=\"503\" data-end=\"523\">Ziekteverwekkers<\/h3>\r\n<p data-start=\"524\" data-end=\"609\"><strong data-start=\"524\" data-end=\"544\">Ziekteverwekkers<\/strong> zijn organismen die ziekte kunnen veroorzaken.<br \/> Voorbeelden zijn:<\/p>\r\n<ul data-start=\"610\" data-end=\"658\">\r\n<li data-start=\"610\" data-end=\"627\">\r\n<p data-start=\"612\" data-end=\"627\"><strong data-start=\"612\" data-end=\"625\">bacteriën<\/strong><\/p>\r\n<\/li>\r\n<li data-start=\"628\" data-end=\"644\">\r\n<p data-start=\"630\" data-end=\"644\"><strong data-start=\"630\" data-end=\"642\">virussen<\/strong><\/p>\r\n<\/li>\r\n<li data-start=\"645\" data-end=\"658\">\r\n<p data-start=\"647\" data-end=\"658\">schimmels<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p data-start=\"660\" data-end=\"734\">Ze kunnen het lichaam binnendringen via wondjes, de luchtwegen of voedsel.<\/p>\r\n<h3 data-start=\"736\" data-end=\"761\"><strong data-start=\"740\" data-end=\"761\">Witte bloedcellen<\/strong><\/h3>\r\n<p data-start=\"762\" data-end=\"832\"><strong data-start=\"762\" data-end=\"783\">Witte bloedcellen<\/strong> spelen een belangrijke rol in het immuunsysteem.<\/p>\r\n<ul data-start=\"833\" data-end=\"960\">\r\n<li data-start=\"833\" data-end=\"866\">\r\n<p data-start=\"835\" data-end=\"866\">ze herkennen ziekteverwekkers<\/p>\r\n<\/li>\r\n<li data-start=\"867\" data-end=\"909\">\r\n<p data-start=\"869\" data-end=\"909\">ze maken ziekteverwekkers onschadelijk<\/p>\r\n<\/li>\r\n<li data-start=\"910\" data-end=\"960\">\r\n<p data-start=\"912\" data-end=\"960\">ze kunnen ziekteverwekkers opnemen en afbreken<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p data-start=\"962\" data-end=\"1037\">Er bestaan verschillende soorten witte bloedcellen, elk met een eigen taak.<\/p>\r\n<h3 data-start=\"1039\" data-end=\"1057\">Afweerreacties<\/h3>\r\n<p data-start=\"1058\" data-end=\"1133\">Als ziekteverwekkers het lichaam binnendringen, reageert het immuunsysteem.<\/p>\r\n<ul data-start=\"1134\" data-end=\"1280\">\r\n<li data-start=\"1134\" data-end=\"1186\">\r\n<p data-start=\"1136\" data-end=\"1186\">witte bloedcellen gaan naar de plek van infectie<\/p>\r\n<\/li>\r\n<li data-start=\"1187\" data-end=\"1224\">\r\n<p data-start=\"1189\" data-end=\"1224\">ziekteverwekkers worden bestreden<\/p>\r\n<\/li>\r\n<li data-start=\"1225\" data-end=\"1280\">\r\n<p data-start=\"1227\" data-end=\"1280\">je kunt klachten krijgen zoals koorts of ontsteking<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p data-start=\"1282\" data-end=\"1370\">Deze klachten zijn een teken dat je lichaam aan het vechten is tegen de ziekteverwekker.<\/p>\r\n<h3 data-start=\"1372\" data-end=\"1391\"><strong data-start=\"1376\" data-end=\"1391\">Antistoffen<\/strong><\/h3>\r\n<p data-start=\"1392\" data-end=\"1440\">Sommige witte bloedcellen maken <strong data-start=\"1424\" data-end=\"1439\">antistoffen<\/strong>.<\/p>\r\n<ul data-start=\"1441\" data-end=\"1588\">\r\n<li data-start=\"1441\" data-end=\"1489\">\r\n<p data-start=\"1443\" data-end=\"1489\">antistoffen binden zich aan ziekteverwekkers<\/p>\r\n<\/li>\r\n<li data-start=\"1490\" data-end=\"1532\">\r\n<p data-start=\"1492\" data-end=\"1532\">ze maken ziekteverwekkers onschadelijk<\/p>\r\n<\/li>\r\n<li data-start=\"1533\" data-end=\"1588\">\r\n<p data-start=\"1535\" data-end=\"1588\">ze helpen andere witte bloedcellen bij het opruimen<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p data-start=\"1590\" data-end=\"1667\">Antistoffen zijn specifiek: elke antistof past bij één soort ziekteverwekker.<\/p>\r\n<h3 data-start=\"1669\" data-end=\"1703\">Geheugen van het immuunsysteem<\/h3>\r\n<p data-start=\"1704\" data-end=\"1753\">Het immuunsysteem kan ziekteverwekkers onthouden.<\/p>\r\n<ul data-start=\"1754\" data-end=\"1905\">\r\n<li data-start=\"1754\" data-end=\"1801\">\r\n<p data-start=\"1756\" data-end=\"1801\">bij een eerste besmetting word je vaak ziek<\/p>\r\n<\/li>\r\n<li data-start=\"1802\" data-end=\"1868\">\r\n<p data-start=\"1804\" data-end=\"1868\">bij een volgende besmetting reageert het immuunsysteem sneller<\/p>\r\n<\/li>\r\n<li data-start=\"1869\" data-end=\"1905\">\r\n<p data-start=\"1871\" data-end=\"1905\">je wordt dan vaak niet meer ziek<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p data-start=\"1907\" data-end=\"1936\">Dit noemen we <strong data-start=\"1921\" data-end=\"1935\">immuniteit<\/strong>.<\/p>\r\n`,\r\n terms: [\r\n \"Immuunsysteem \u2013 verdedigingssysteem dat het lichaam beschermt tegen ziekteverwekkers\",\r\n \"Ziekteverwekkers \u2013 organismen die ziekten kunnen veroorzaken\",\r\n \"Witte bloedcellen \u2013 cellen die ziekteverwekkers bestrijden\",\r\n \"Bacteri\u00ebn \u2013 eencellige ziekteverwekkers\",\r\n \"Virussen \u2013 ziekteverwekkers die zich alleen in cellen kunnen vermeerderen\",\r\n \"Antistoffen \u2013 stoffen die ziekteverwekkers herkennen en onschadelijk maken\",\r\n \"Immuniteit \u2013 bescherming tegen een ziekte na besmetting of inenting\"\r\n ],\r\n moreTermsUrl: \"http:\/\/begrippen.biologiehuis.com:3000\/index.html\",\r\n tldr: \"Het immuunsysteem beschermt je lichaam tegen ziekteverwekkers zoals bacteri\u00ebn en virussen. Witte bloedcellen spelen hierbij een centrale rol en maken onder andere antistoffen. Het immuunsysteem kan ziekteverwekkers onthouden, waardoor je immuniteit opbouwt en bij een volgende besmetting vaak niet meer ziek wordt.\"\r\n },\r\n\r\n {\r\n id: 6,\r\n title: \"Gezond leven\",\r\n subtitle: \"Hoe je leefstijl invloed heeft op je gezondheid\",\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 <h3 data-start=\"100\" data-end=\"128\">Wat is <strong data-start=\"111\" data-end=\"127\">gezond leven<\/strong>?<\/h3>\r\n<p data-start=\"129\" data-end=\"445\"><strong data-start=\"129\" data-end=\"145\">Gezond leven<\/strong> betekent dat je keuzes maakt die goed zijn voor je lichaam en geest. Door gezond te leven verklein je de kans op ziekten en zorg je ervoor dat je lichaam goed blijft functioneren. Een gezonde leefstijl heeft invloed op je <strong data-start=\"368\" data-end=\"384\">bloedsomloop<\/strong>, <strong data-start=\"386\" data-end=\"403\">immuunsysteem<\/strong>, <strong data-start=\"405\" data-end=\"420\">verbranding<\/strong> en je algehele conditie.<\/p>\r\n<h3 data-start=\"447\" data-end=\"459\">Beweging<\/h3>\r\n<p data-start=\"460\" data-end=\"521\">Voldoende <strong data-start=\"470\" data-end=\"482\">beweging<\/strong> is belangrijk voor een gezond lichaam.<\/p>\r\n<ul data-start=\"522\" data-end=\"665\">\r\n<li data-start=\"522\" data-end=\"560\">\r\n<p data-start=\"524\" data-end=\"560\">je spieren en botten blijven sterk<\/p>\r\n<\/li>\r\n<li data-start=\"561\" data-end=\"609\">\r\n<p data-start=\"563\" data-end=\"609\">je <strong data-start=\"566\" data-end=\"574\">hart<\/strong> en <strong data-start=\"578\" data-end=\"594\">bloedsomloop<\/strong> werken beter<\/p>\r\n<\/li>\r\n<li data-start=\"610\" data-end=\"639\">\r\n<p data-start=\"612\" data-end=\"639\">je verbrandt meer energie<\/p>\r\n<\/li>\r\n<li data-start=\"640\" data-end=\"665\">\r\n<p data-start=\"642\" data-end=\"665\">je conditie verbetert<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p data-start=\"667\" data-end=\"752\">Door regelmatig te bewegen verklein je de kans op overgewicht en hart en vaatziekten.<\/p>\r\n<h3 data-start=\"754\" data-end=\"773\">Gezonde voeding<\/h3>\r\n<p data-start=\"774\" data-end=\"831\"><strong data-start=\"774\" data-end=\"793\">Gezonde voeding<\/strong> levert de juiste <strong data-start=\"811\" data-end=\"830\">voedingsstoffen<\/strong>.<\/p>\r\n<ul data-start=\"832\" data-end=\"960\">\r\n<li data-start=\"832\" data-end=\"870\">\r\n<p data-start=\"834\" data-end=\"870\">voldoende energie voor verbranding<\/p>\r\n<\/li>\r\n<li data-start=\"871\" data-end=\"908\">\r\n<p data-start=\"873\" data-end=\"908\">bouwstoffen voor groei en herstel<\/p>\r\n<\/li>\r\n<li data-start=\"909\" data-end=\"960\">\r\n<p data-start=\"911\" data-end=\"960\">vitamines en mineralen voor een goede weerstand<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p data-start=\"962\" data-end=\"1028\">Gezonde voeding helpt ook om je <strong data-start=\"994\" data-end=\"1011\">immuunsysteem<\/strong> sterk te houden.<\/p>\r\n<h3 data-start=\"1030\" data-end=\"1047\">Rust en slaap<\/h3>\r\n<p data-start=\"1048\" data-end=\"1097\">Je lichaam heeft <strong data-start=\"1065\" data-end=\"1073\">rust<\/strong> nodig om te herstellen.<\/p>\r\n<ul data-start=\"1098\" data-end=\"1228\">\r\n<li data-start=\"1098\" data-end=\"1136\">\r\n<p data-start=\"1100\" data-end=\"1136\">tijdens de slaap herstellen cellen<\/p>\r\n<\/li>\r\n<li data-start=\"1137\" data-end=\"1186\">\r\n<p data-start=\"1139\" data-end=\"1186\">je lichaam laadt zich op voor de volgende dag<\/p>\r\n<\/li>\r\n<li data-start=\"1187\" data-end=\"1228\">\r\n<p data-start=\"1189\" data-end=\"1228\">te weinig slaap maakt je sneller ziek<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p data-start=\"1230\" data-end=\"1295\">Voldoende slaap is dus een belangrijk onderdeel van gezond leven.<\/p>\r\n<h3 data-start=\"1297\" data-end=\"1332\">Niet roken en matig met alcohol<\/h3>\r\n<p data-start=\"1333\" data-end=\"1390\"><strong data-start=\"1333\" data-end=\"1342\">Roken<\/strong> en <strong data-start=\"1346\" data-end=\"1357\">alcohol<\/strong> zijn schadelijk voor je lichaam.<\/p>\r\n<ul data-start=\"1391\" data-end=\"1510\">\r\n<li data-start=\"1391\" data-end=\"1439\">\r\n<p data-start=\"1393\" data-end=\"1439\">roken beschadigt de <strong data-start=\"1413\" data-end=\"1423\">longen<\/strong> en bloedvaten<\/p>\r\n<\/li>\r\n<li data-start=\"1440\" data-end=\"1471\">\r\n<p data-start=\"1442\" data-end=\"1471\">alcohol belast de <strong data-start=\"1460\" data-end=\"1469\">lever<\/strong><\/p>\r\n<\/li>\r\n<li data-start=\"1472\" data-end=\"1510\">\r\n<p data-start=\"1474\" data-end=\"1510\">beide verzwakken het immuunsysteem<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p data-start=\"1512\" data-end=\"1595\">Niet roken en weinig of geen alcohol drinken verkleint de kans op ernstige ziekten.<\/p>\r\n<h3 data-start=\"1597\" data-end=\"1622\">Stress en ontspanning<\/h3>\r\n<p data-start=\"1623\" data-end=\"1657\">Langdurige <strong data-start=\"1634\" data-end=\"1644\">stress<\/strong> is ongezond.<\/p>\r\n<ul data-start=\"1658\" data-end=\"1764\">\r\n<li data-start=\"1658\" data-end=\"1683\">\r\n<p data-start=\"1660\" data-end=\"1683\">het belast je lichaam<\/p>\r\n<\/li>\r\n<li data-start=\"1684\" data-end=\"1720\">\r\n<p data-start=\"1686\" data-end=\"1720\">het kan je weerstand verminderen<\/p>\r\n<\/li>\r\n<li data-start=\"1721\" data-end=\"1764\">\r\n<p data-start=\"1723\" data-end=\"1764\">je kunt je sneller moe of somber voelen<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p data-start=\"1766\" data-end=\"1845\">Voldoende <strong data-start=\"1776\" data-end=\"1791\">ontspanning<\/strong> helpt om stress te verminderen en je beter te voelen.<\/p>\r\n`,\r\n terms: [\r\n \"Gezond leven \u2013 leefstijl die het lichaam gezond houdt\",\r\n \"Beweging \u2013 lichamelijke activiteit die het lichaam fit houdt\",\r\n \"Rust \u2013 tijd waarin het lichaam kan herstellen\",\r\n \"Slaap \u2013 periode waarin lichaam en geest herstellen\",\r\n \"Roken \u2013 schadelijke gewoonte die longen en bloedvaten aantast\",\r\n \"Alcohol \u2013 stof die bij overmatig gebruik schadelijk is voor het lichaam\",\r\n \"Stress \u2013 langdurige spanning die ongezond kan zijn\"\r\n ],\r\n moreTermsUrl: \"http:\/\/begrippen.biologiehuis.com:3000\/index.html\",\r\n tldr: \"Gezond leven betekent voldoende bewegen, gezond eten, genoeg rust en slaap nemen en niet roken. Ook omgaan met stress en zorgen voor ontspanning zijn belangrijk. Door gezond te leven blijven je lichaamssystemen goed werken en vergroot je de kans om fit en gezond te blijven.\"\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 = `<p>${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":"<p>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":[30],"class_list":["post-835","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/biologiehuis.com\/index.php?rest_route=\/wp\/v2\/pages\/835","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=835"}],"version-history":[{"count":4,"href":"https:\/\/biologiehuis.com\/index.php?rest_route=\/wp\/v2\/pages\/835\/revisions"}],"predecessor-version":[{"id":3316,"href":"https:\/\/biologiehuis.com\/index.php?rest_route=\/wp\/v2\/pages\/835\/revisions\/3316"}],"wp:attachment":[{"href":"https:\/\/biologiehuis.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=835"}],"wp:term":[{"taxonomy":"folder","embeddable":true,"href":"https:\/\/biologiehuis.com\/index.php?rest_route=%2Fwp%2Fv2%2Ffolder&post=835"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}