{"id":853,"date":"2025-01-27T18:44:15","date_gmt":"2025-01-27T18:44:15","guid":{"rendered":"https:\/\/biologiehuis.com\/?page_id=853"},"modified":"2025-12-27T12:56:31","modified_gmt":"2025-12-27T12:56:31","slug":"hoofdstuk-6-3","status":"publish","type":"page","link":"https:\/\/biologiehuis.com\/?page_id=853","title":{"rendered":"Hoofdstuk 6"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"853\" class=\"elementor elementor-853\">\n\t\t\t\t<div class=\"elementor-element elementor-element-137632f e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-equal-height-no e-con e-parent\" data-id=\"137632f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-81bd65b elementor-widget elementor-widget-html\" data-id=\"81bd65b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"nl\">\r\n<head>\r\n    <meta charset=\"utf-8\" \/>\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" \/>\r\n    <title>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 6: Voortplanting bij planten en dieren\", \/\/ \ud83d\udc49 boeknaam\r\n      chapters: [\r\n        {\r\n          id: 1,\r\n          title: \"Bloemen\",\r\n              subtitle: \"De voortplantingsorganen van bloemplanten\",\r\n              image: \"https:\/\/biologiehuis.com\/wp-content\/uploads\/2025\/09\/ChatGPT-Image-23-sep-2025-20_11_10.png\",\r\n              summary: `\r\n<p data-start=\"367\" data-end=\"547\">Bloemen spelen een belangrijke rol bij de <strong data-start=\"409\" data-end=\"426\">voortplanting<\/strong> van planten. In bloemen worden zaadcellen en eicellen gevormd. Na bevruchting kunnen hieruit zaden en vruchten ontstaan.<\/p>\r\n<h3 data-start=\"549\" data-end=\"571\">Wat is een bloem<\/h3>\r\n<p data-start=\"572\" data-end=\"633\">Een <strong data-start=\"576\" data-end=\"585\">bloem<\/strong> is het voortplantingsorgaan van een bloemplant.<\/p>\r\n<ul data-start=\"635\" data-end=\"839\">\r\n<li data-start=\"635\" data-end=\"708\">\r\n<p data-start=\"637\" data-end=\"708\">In bloemen zitten mannelijke en\/of vrouwelijke voortplantingsorganen.<\/p>\r\n<\/li>\r\n<li data-start=\"709\" data-end=\"772\">\r\n<p data-start=\"711\" data-end=\"772\">Bloemen zorgen ervoor dat planten zich kunnen voortplanten.<\/p>\r\n<\/li>\r\n<li data-start=\"773\" data-end=\"839\">\r\n<p data-start=\"775\" data-end=\"839\">Veel bloemen zijn opvallend gekleurd om insecten aan te trekken.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<h3 data-start=\"841\" data-end=\"868\">De bouw van een bloem<\/h3>\r\n<p data-start=\"869\" data-end=\"953\">Een bloem bestaat uit verschillende onderdelen, die samen zorgen voor voortplanting.<\/p>\r\n<ul data-start=\"955\" data-end=\"1122\">\r\n<li data-start=\"955\" data-end=\"1027\">\r\n<p data-start=\"957\" data-end=\"1027\"><strong data-start=\"957\" data-end=\"973\">Kelkbladeren<\/strong>:<br data-start=\"974\" data-end=\"977\" \/> Beschermen de bloem als deze nog in de knop zit.<\/p>\r\n<\/li>\r\n<li data-start=\"1029\" data-end=\"1122\">\r\n<p data-start=\"1031\" data-end=\"1122\"><strong data-start=\"1031\" data-end=\"1048\">Kroonbladeren<\/strong>:<br data-start=\"1049\" data-end=\"1052\" \/> Vaak opvallend gekleurd. Ze trekken insecten aan voor de bestuiving.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<h3 data-start=\"1124\" data-end=\"1159\">Mannelijke delen van de bloem<\/h3>\r\n<p data-start=\"1160\" data-end=\"1217\">De mannelijke voortplantingsorganen heten <strong data-start=\"1202\" data-end=\"1216\">meeldraden<\/strong>.<\/p>\r\n<ul data-start=\"1219\" data-end=\"1394\">\r\n<li data-start=\"1219\" data-end=\"1287\">\r\n<p data-start=\"1221\" data-end=\"1287\">Een <strong data-start=\"1225\" data-end=\"1238\">meeldraad<\/strong> bestaat uit een helmdraad en een <strong data-start=\"1272\" data-end=\"1284\">helmknop<\/strong>.<\/p>\r\n<\/li>\r\n<li data-start=\"1288\" data-end=\"1335\">\r\n<p data-start=\"1290\" data-end=\"1335\">In de helmknop zitten <strong data-start=\"1312\" data-end=\"1332\">stuifmeelkorrels<\/strong>.<\/p>\r\n<\/li>\r\n<li data-start=\"1336\" data-end=\"1394\">\r\n<p data-start=\"1338\" data-end=\"1394\">Stuifmeelkorrels bevatten de mannelijke geslachtscellen.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<h3 data-start=\"1396\" data-end=\"1432\">Vrouwelijke delen van de bloem<\/h3>\r\n<p data-start=\"1433\" data-end=\"1488\">Het vrouwelijke voortplantingsorgaan is de <strong data-start=\"1476\" data-end=\"1487\">stamper<\/strong>.<\/p>\r\n<ul data-start=\"1490\" data-end=\"1682\">\r\n<li data-start=\"1490\" data-end=\"1569\">\r\n<p data-start=\"1492\" data-end=\"1569\">De stamper bestaat uit de <strong data-start=\"1518\" data-end=\"1529\">stempel<\/strong>, <strong data-start=\"1531\" data-end=\"1540\">stijl<\/strong> en het <strong data-start=\"1548\" data-end=\"1566\">vruchtbeginsel<\/strong>.<\/p>\r\n<\/li>\r\n<li data-start=\"1570\" data-end=\"1619\">\r\n<p data-start=\"1572\" data-end=\"1619\">Op de stempel komen stuifmeelkorrels terecht.<\/p>\r\n<\/li>\r\n<li data-start=\"1620\" data-end=\"1682\">\r\n<p data-start=\"1622\" data-end=\"1682\">In het vruchtbeginsel zitten <strong data-start=\"1651\" data-end=\"1668\">zaadbeginsels<\/strong> met eicellen.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<h3 data-start=\"1684\" data-end=\"1724\">Bloemen met &eacute;&eacute;n of twee geslachten<\/h3>\r\n<p data-start=\"1725\" data-end=\"1768\">Niet alle bloemen zijn hetzelfde opgebouwd.<\/p>\r\n<ul data-start=\"1770\" data-end=\"1983\">\r\n<li data-start=\"1770\" data-end=\"1851\">\r\n<p data-start=\"1772\" data-end=\"1851\"><strong data-start=\"1772\" data-end=\"1795\">Tweehuizige bloemen<\/strong>: bloemen met alleen meeldraden of alleen een stamper.<\/p>\r\n<\/li>\r\n<li data-start=\"1852\" data-end=\"1907\">\r\n<p data-start=\"1854\" data-end=\"1907\"><strong data-start=\"1854\" data-end=\"1878\">Eenslachtige bloemen<\/strong>: bloemen met &eacute;&eacute;n geslacht.<\/p>\r\n<\/li>\r\n<li data-start=\"1908\" data-end=\"1983\">\r\n<p data-start=\"1910\" data-end=\"1983\"><strong data-start=\"1910\" data-end=\"1936\">Twee&shy;slachtige bloemen<\/strong>: bloemen met zowel meeldraden als een stamper.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<h3 data-start=\"1985\" data-end=\"2010\">Functie van bloemen<\/h3>\r\n<p data-start=\"2011\" data-end=\"2040\">Bloemen hebben &eacute;&eacute;n hoofdtaak.<\/p>\r\n<ul data-start=\"2042\" data-end=\"2218\">\r\n<li data-start=\"2042\" data-end=\"2095\">\r\n<p data-start=\"2044\" data-end=\"2095\">Ze zorgen voor <strong data-start=\"2059\" data-end=\"2073\">bestuiving<\/strong> en <strong data-start=\"2077\" data-end=\"2092\">bevruchting<\/strong>.<\/p>\r\n<\/li>\r\n<li data-start=\"2096\" data-end=\"2162\">\r\n<p data-start=\"2098\" data-end=\"2162\">Hierdoor ontstaan zaden waaruit nieuwe planten kunnen groeien.<\/p>\r\n<\/li>\r\n<li data-start=\"2163\" data-end=\"2218\">\r\n<p data-start=\"2165\" data-end=\"2218\">Bloemen zorgen zo voor het voortbestaan van de soort.<\/p>\r\n<\/li>\r\n<\/ul>\r\n    `,\r\n              terms: [\r\n                  \"Bloem \u2013 voortplantingsorgaan van een bloemplant\",\r\n                  \"Kelkbladeren \u2013 beschermen de bloem in de knop\",\r\n                  \"Kroonbladeren \u2013 gekleurde bladeren die insecten aantrekken\",\r\n                  \"Meeldraden \u2013 mannelijke voortplantingsorganen van de bloem\",\r\n                  \"Helmknop \u2013 deel van de meeldraad met stuifmeelkorrels\",\r\n                  \"Stuifmeelkorrels \u2013 bevatten mannelijke geslachtscellen\",\r\n                  \"Stamper \u2013 vrouwelijk voortplantingsorgaan van de bloem\",\r\n                  \"Stempel \u2013 bovenkant van de stamper waar stuifmeel op komt\",\r\n                  \"Stijl \u2013 verbinding tussen stempel en vruchtbeginsel\",\r\n                  \"Vruchtbeginsel \u2013 bevat de zaadbeginsels\",\r\n                  \"Zaadbeginsels \u2013 bevatten eicellen\"\r\n              ],\r\n          moreTermsUrl: \"http:\/\/begrippen.biologiehuis.com:3000\/index.html\",\r\n              tldr: \"Bloemen zijn de voortplantingsorganen van bloemplanten. Ze bestaan uit verschillende onderdelen met elk een eigen functie. Meeldraden maken stuifmeel met zaadcellen en de stamper bevat eicellen. Door bestuiving en bevruchting ontstaan zaden waaruit nieuwe planten kunnen groeien.\"\r\n          },\r\n\r\n          {\r\n              id: 2,\r\n              title: \"Bestuiving\",\r\n              subtitle: \"Het overbrengen van stuifmeel voor voortplanting\",\r\n              image: \"https:\/\/biologiehuis.com\/wp-content\/uploads\/2025\/12\/ChatGPT-Image-27-dec-2025-13_27_54.png\",\r\n              summary: `\r\n<p data-start=\"380\" data-end=\"601\">Voor de voortplanting van bloemplanten is <strong data-start=\"422\" data-end=\"436\">bestuiving<\/strong> noodzakelijk. Bij bestuiving wordt stuifmeel van de ene bloem naar de stempel van een andere bloem gebracht. Zonder bestuiving kan er geen bevruchting plaatsvinden.<\/p>\r\n<h3 data-start=\"603\" data-end=\"626\">Wat is bestuiving<\/h3>\r\n<p data-start=\"627\" data-end=\"686\"><strong data-start=\"627\" data-end=\"641\">Bestuiving<\/strong> is het overbrengen van <strong data-start=\"665\" data-end=\"685\">stuifmeelkorrels<\/strong>.<\/p>\r\n<ul data-start=\"688\" data-end=\"862\">\r\n<li data-start=\"688\" data-end=\"745\">\r\n<p data-start=\"690\" data-end=\"745\">Stuifmeel komt van de <strong data-start=\"712\" data-end=\"727\">helmknoppen<\/strong> van meeldraden.<\/p>\r\n<\/li>\r\n<li data-start=\"746\" data-end=\"807\">\r\n<p data-start=\"748\" data-end=\"807\">Het wordt overgebracht naar de <strong data-start=\"779\" data-end=\"790\">stempel<\/strong> van een bloem.<\/p>\r\n<\/li>\r\n<li data-start=\"808\" data-end=\"862\">\r\n<p data-start=\"810\" data-end=\"862\">Bestuiving is een belangrijke stap v&oacute;&oacute;r bevruchting.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<h3 data-start=\"864\" data-end=\"903\">Zelfbestuiving en kruisbestuiving<\/h3>\r\n<p data-start=\"904\" data-end=\"939\">Er zijn twee vormen van bestuiving:<\/p>\r\n<ul data-start=\"941\" data-end=\"1226\">\r\n<li data-start=\"941\" data-end=\"1058\">\r\n<p data-start=\"943\" data-end=\"1058\"><strong data-start=\"943\" data-end=\"961\">Zelfbestuiving<\/strong>:<br data-start=\"962\" data-end=\"965\" \/> Stuifmeel komt op de stempel van dezelfde bloem of van een andere bloem van dezelfde plant.<\/p>\r\n<\/li>\r\n<li data-start=\"1060\" data-end=\"1226\">\r\n<p data-start=\"1062\" data-end=\"1226\"><strong data-start=\"1062\" data-end=\"1081\">Kruisbestuiving<\/strong>:<br data-start=\"1082\" data-end=\"1085\" \/> Stuifmeel komt op de stempel van een bloem van een andere plant van dezelfde soort.<br data-start=\"1170\" data-end=\"1173\" \/> Kruisbestuiving zorgt voor meer erfelijke variatie.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<h3 data-start=\"1228\" data-end=\"1244\">Bestuivers<\/h3>\r\n<p data-start=\"1245\" data-end=\"1301\">Stuifmeel kan op verschillende manieren worden vervoerd.<\/p>\r\n<ul data-start=\"1303\" data-end=\"1427\">\r\n<li data-start=\"1303\" data-end=\"1345\">\r\n<p data-start=\"1305\" data-end=\"1345\"><strong data-start=\"1305\" data-end=\"1317\">Insecten<\/strong>, zoals bijen en vlinders.<\/p>\r\n<\/li>\r\n<li data-start=\"1346\" data-end=\"1388\">\r\n<p data-start=\"1348\" data-end=\"1388\"><strong data-start=\"1348\" data-end=\"1356\">Wind<\/strong>, vooral bij grassen en bomen.<\/p>\r\n<\/li>\r\n<li data-start=\"1389\" data-end=\"1427\">\r\n<p data-start=\"1391\" data-end=\"1427\">Soms ook <strong data-start=\"1400\" data-end=\"1409\">water<\/strong> of andere dieren.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p data-start=\"1429\" data-end=\"1476\">Deze dieren of factoren noem je <strong data-start=\"1461\" data-end=\"1475\">bestuivers<\/strong>.<\/p>\r\n<h3 data-start=\"1478\" data-end=\"1499\">Insectenbloemen<\/h3>\r\n<p data-start=\"1500\" data-end=\"1571\">Bloemen die door insecten worden bestoven, noem je <strong data-start=\"1551\" data-end=\"1570\">insectenbloemen<\/strong>.<\/p>\r\n<ul data-start=\"1573\" data-end=\"1719\">\r\n<li data-start=\"1573\" data-end=\"1611\">\r\n<p data-start=\"1575\" data-end=\"1611\">Ze hebben vaak opvallende kleuren.<\/p>\r\n<\/li>\r\n<li data-start=\"1612\" data-end=\"1633\">\r\n<p data-start=\"1614\" data-end=\"1633\">Ze ruiken lekker.<\/p>\r\n<\/li>\r\n<li data-start=\"1634\" data-end=\"1685\">\r\n<p data-start=\"1636\" data-end=\"1685\">Ze maken <strong data-start=\"1645\" data-end=\"1655\">nectar<\/strong> als beloning voor insecten.<\/p>\r\n<\/li>\r\n<li data-start=\"1686\" data-end=\"1719\">\r\n<p data-start=\"1688\" data-end=\"1719\">Het stuifmeel is vaak kleverig.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<h3 data-start=\"1721\" data-end=\"1738\">Windbloemen<\/h3>\r\n<p data-start=\"1739\" data-end=\"1805\">Bloemen die door de wind worden bestoven, noem je <strong data-start=\"1789\" data-end=\"1804\">windbloemen<\/strong>.<\/p>\r\n<ul data-start=\"1807\" data-end=\"1957\">\r\n<li data-start=\"1807\" data-end=\"1846\">\r\n<p data-start=\"1809\" data-end=\"1846\">Ze zijn vaak onopvallend van kleur.<\/p>\r\n<\/li>\r\n<li data-start=\"1847\" data-end=\"1872\">\r\n<p data-start=\"1849\" data-end=\"1872\">Ze maken geen nectar.<\/p>\r\n<\/li>\r\n<li data-start=\"1873\" data-end=\"1912\">\r\n<p data-start=\"1875\" data-end=\"1912\">Ze produceren veel licht stuifmeel.<\/p>\r\n<\/li>\r\n<li data-start=\"1913\" data-end=\"1957\">\r\n<p data-start=\"1915\" data-end=\"1957\">De stempels zijn vaak groot en veervormig.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<h3 data-start=\"1959\" data-end=\"1986\">Belang van bestuiving<\/h3>\r\n<p data-start=\"1987\" data-end=\"2033\">Bestuiving is noodzakelijk voor voortplanting.<\/p>\r\n<ul data-start=\"2035\" data-end=\"2182\">\r\n<li data-start=\"2035\" data-end=\"2074\">\r\n<p data-start=\"2037\" data-end=\"2074\">Zonder bestuiving geen bevruchting.<\/p>\r\n<\/li>\r\n<li data-start=\"2075\" data-end=\"2121\">\r\n<p data-start=\"2077\" data-end=\"2121\">Zonder bevruchting geen zaden en vruchten.<\/p>\r\n<\/li>\r\n<li data-start=\"2122\" data-end=\"2182\">\r\n<p data-start=\"2124\" data-end=\"2182\">Bestuiving zorgt voor het voortbestaan van plantensoorten.<\/p>\r\n<\/li>\r\n<\/ul>\r\n`,\r\n              terms: [\r\n                  \"Bestuiving \u2013 overbrengen van stuifmeel naar de stempel\",\r\n                  \"Stuifmeelkorrels \u2013 bevatten mannelijke geslachtscellen\",\r\n                  \"Helmknoppen \u2013 maken stuifmeel aan\",\r\n                  \"Stempel \u2013 deel van de stamper waar stuifmeel op komt\",\r\n                  \"Zelfbestuiving \u2013 bestuiving binnen dezelfde plant\",\r\n                  \"Kruisbestuiving \u2013 bestuiving tussen verschillende planten van dezelfde soort\",\r\n                  \"Bestuivers \u2013 dieren of factoren die stuifmeel vervoeren\",\r\n                  \"Insectenbloemen \u2013 bloemen die door insecten worden bestoven\",\r\n                  \"Windbloemen \u2013 bloemen die door de wind worden bestoven\",\r\n                  \"Nectar \u2013 zoete vloeistof die insecten aantrekt\"\r\n              ],\r\n              moreTermsUrl: \"http:\/\/begrippen.biologiehuis.com:3000\/index.html\",\r\n              tldr: \"Bestuiving is het overbrengen van stuifmeel van de helmknoppen naar de stempel. Dit kan gebeuren door insecten, wind of andere factoren. Er bestaat zelfbestuiving en kruisbestuiving. Bestuiving is noodzakelijk voor bevruchting en zorgt uiteindelijk voor de vorming van zaden en nieuwe planten.\"\r\n          },\r\n\r\n          {\r\n              id: 3,\r\n              title: \"Bevruchting\",\r\n              subtitle: \"Wanneer zaadcel en eicel samenkomen\",\r\n              image: \"https:\/\/biologiehuis.com\/wp-content\/uploads\/2025\/12\/ChatGPT-Image-27-dec-2025-13_31_08.png\",\r\n              summary: `\r\n              <p data-start=\"369\" data-end=\"547\">Na de bestuiving kan <strong data-start=\"390\" data-end=\"405\">bevruchting<\/strong> plaatsvinden. Bevruchting is een belangrijke stap in de voortplanting van bloemplanten. Pas na bevruchting kunnen zaden en vruchten ontstaan.<\/p>\r\n<h3 data-start=\"549\" data-end=\"573\">Wat is bevruchting<\/h3>\r\n<p data-start=\"574\" data-end=\"639\"><strong data-start=\"574\" data-end=\"589\">Bevruchting<\/strong> is het samensmelten van een zaadcel en een eicel.<\/p>\r\n<ul data-start=\"641\" data-end=\"815\">\r\n<li data-start=\"641\" data-end=\"689\">\r\n<p data-start=\"643\" data-end=\"689\">De zaadcel komt uit een <strong data-start=\"667\" data-end=\"686\">stuifmeelkorrel<\/strong>.<\/p>\r\n<\/li>\r\n<li data-start=\"690\" data-end=\"731\">\r\n<p data-start=\"692\" data-end=\"731\">De eicel zit in een <strong data-start=\"712\" data-end=\"728\">zaadbeginsel<\/strong>.<\/p>\r\n<\/li>\r\n<li data-start=\"732\" data-end=\"815\">\r\n<p data-start=\"734\" data-end=\"815\">Na bevruchting ontstaat een bevruchte eicel waaruit een nieuwe plant kan groeien.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<h3 data-start=\"817\" data-end=\"836\">Stuifmeelbuis<\/h3>\r\n<p data-start=\"837\" data-end=\"878\">Na bestuiving gebeurt er iets bijzonders.<\/p>\r\n<ul data-start=\"880\" data-end=\"1064\">\r\n<li data-start=\"880\" data-end=\"938\">\r\n<p data-start=\"882\" data-end=\"938\">De <strong data-start=\"885\" data-end=\"904\">stuifmeelkorrel<\/strong> komt op de <strong data-start=\"916\" data-end=\"927\">stempel<\/strong> terecht.<\/p>\r\n<\/li>\r\n<li data-start=\"939\" data-end=\"995\">\r\n<p data-start=\"941\" data-end=\"995\">Uit de stuifmeelkorrel groeit een <strong data-start=\"975\" data-end=\"992\">stuifmeelbuis<\/strong>.<\/p>\r\n<\/li>\r\n<li data-start=\"996\" data-end=\"1064\">\r\n<p data-start=\"998\" data-end=\"1064\">De stuifmeelbuis groeit door de <strong data-start=\"1030\" data-end=\"1039\">stijl<\/strong> naar het vruchtbeginsel.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p data-start=\"1066\" data-end=\"1127\">Via de stuifmeelbuis wordt de zaadcel naar de eicel vervoerd.<\/p>\r\n<h3 data-start=\"1129\" data-end=\"1168\">Bevruchting in het vruchtbeginsel<\/h3>\r\n<p data-start=\"1169\" data-end=\"1232\">In het <strong data-start=\"1176\" data-end=\"1194\">vruchtbeginsel<\/strong> zitten &eacute;&eacute;n of meer <strong data-start=\"1214\" data-end=\"1231\">zaadbeginsels<\/strong>.<\/p>\r\n<ul data-start=\"1234\" data-end=\"1350\">\r\n<li data-start=\"1234\" data-end=\"1272\">\r\n<p data-start=\"1236\" data-end=\"1272\">In elk zaadbeginsel zit een eicel.<\/p>\r\n<\/li>\r\n<li data-start=\"1273\" data-end=\"1310\">\r\n<p data-start=\"1275\" data-end=\"1310\">De zaadcel versmelt met de eicel.<\/p>\r\n<\/li>\r\n<li data-start=\"1311\" data-end=\"1350\">\r\n<p data-start=\"1313\" data-end=\"1350\">Dit samensmelten noem je bevruchting.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<h3 data-start=\"1352\" data-end=\"1375\">Na de bevruchting<\/h3>\r\n<p data-start=\"1376\" data-end=\"1424\">Na de bevruchting veranderen delen van de bloem.<\/p>\r\n<ul data-start=\"1426\" data-end=\"1588\">\r\n<li data-start=\"1426\" data-end=\"1479\">\r\n<p data-start=\"1428\" data-end=\"1479\">Het <strong data-start=\"1432\" data-end=\"1448\">zaadbeginsel<\/strong> groeit uit tot een <strong data-start=\"1468\" data-end=\"1476\">zaad<\/strong>.<\/p>\r\n<\/li>\r\n<li data-start=\"1480\" data-end=\"1537\">\r\n<p data-start=\"1482\" data-end=\"1537\">Het <strong data-start=\"1486\" data-end=\"1504\">vruchtbeginsel<\/strong> groeit uit tot een <strong data-start=\"1524\" data-end=\"1534\">vrucht<\/strong>.<\/p>\r\n<\/li>\r\n<li data-start=\"1538\" data-end=\"1588\">\r\n<p data-start=\"1540\" data-end=\"1588\">De bloembladeren verwelken meestal en vallen af.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p data-start=\"1590\" data-end=\"1638\">De zaden zorgen voor voortplanting van de plant.<\/p>\r\n<h3 data-start=\"1640\" data-end=\"1668\">Belang van bevruchting<\/h3>\r\n<p data-start=\"1669\" data-end=\"1717\">Bevruchting is noodzakelijk voor nieuwe planten.<\/p>\r\n<ul data-start=\"1719\" data-end=\"1845\">\r\n<li data-start=\"1719\" data-end=\"1762\">\r\n<p data-start=\"1721\" data-end=\"1762\">Zonder bevruchting ontstaan geen zaden.<\/p>\r\n<\/li>\r\n<li data-start=\"1763\" data-end=\"1810\">\r\n<p data-start=\"1765\" data-end=\"1810\">Zaden kunnen uitgroeien tot nieuwe planten.<\/p>\r\n<\/li>\r\n<li data-start=\"1811\" data-end=\"1845\">\r\n<p data-start=\"1813\" data-end=\"1845\">Zo blijft de soort voortbestaan.<\/p>\r\n<\/li>\r\n<\/ul>\r\n`,\r\n              terms: [\r\n                  \"Bevruchting \u2013 samensmelten van een zaadcel en een eicel\",\r\n                  \"Stuifmeelkorrel \u2013 bevat de mannelijke geslachtscel\",\r\n                  \"Stuifmeelbuis \u2013 buis die groeit uit een stuifmeelkorrel\",\r\n                  \"Stempel \u2013 bovenkant van de stamper waar stuifmeel op komt\",\r\n                  \"Stijl \u2013 verbinding tussen stempel en vruchtbeginsel\",\r\n                  \"Vruchtbeginsel \u2013 deel van de stamper met zaadbeginsels\",\r\n                  \"Zaadbeginsel \u2013 bevat de eicel\",\r\n                  \"Zaad \u2013 ontstaat uit het zaadbeginsel na bevruchting\",\r\n                  \"Vrucht \u2013 ontstaat uit het vruchtbeginsel\"\r\n              ],\r\n              moreTermsUrl: \"http:\/\/begrippen.biologiehuis.com:3000\/index.html\",\r\n              tldr: \"Bevruchting is het samensmelten van een zaadcel en een eicel. Na bestuiving groeit uit de stuifmeelkorrel een stuifmeelbuis die de zaadcel naar het zaadbeginsel vervoert. Na de bevruchting groeit het zaadbeginsel uit tot een zaad en het vruchtbeginsel tot een vrucht. Zo kunnen nieuwe planten ontstaan.\"\r\n          },\r\n\r\n          {\r\n              id: 4,\r\n              title: \"Vruchten en zaden\",\r\n              subtitle: \"Beschermen, verspreiden en laten groeien\",\r\n              image: \"https:\/\/biologiehuis.com\/wp-content\/uploads\/2025\/12\/ChatGPT-Image-27-dec-2025-13_32_41.png\",\r\n              summary: `\r\n<p data-start=\"386\" data-end=\"552\">Na de bevruchting verandert de bloem. Uit delen van de bloem ontstaan <strong data-start=\"456\" data-end=\"468\">vruchten<\/strong> en <strong data-start=\"472\" data-end=\"481\">zaden<\/strong>. Deze zorgen ervoor dat de plant zich kan voortplanten en verspreiden.<\/p>\r\n<h3 data-start=\"554\" data-end=\"590\">Ontstaan van vruchten en zaden<\/h3>\r\n<p data-start=\"591\" data-end=\"652\">Na de bevruchting vinden er belangrijke veranderingen plaats:<\/p>\r\n<ul data-start=\"654\" data-end=\"825\">\r\n<li data-start=\"654\" data-end=\"707\">\r\n<p data-start=\"656\" data-end=\"707\">Het <strong data-start=\"660\" data-end=\"676\">zaadbeginsel<\/strong> groeit uit tot een <strong data-start=\"696\" data-end=\"704\">zaad<\/strong>.<\/p>\r\n<\/li>\r\n<li data-start=\"708\" data-end=\"765\">\r\n<p data-start=\"710\" data-end=\"765\">Het <strong data-start=\"714\" data-end=\"732\">vruchtbeginsel<\/strong> groeit uit tot een <strong data-start=\"752\" data-end=\"762\">vrucht<\/strong>.<\/p>\r\n<\/li>\r\n<li data-start=\"766\" data-end=\"825\">\r\n<p data-start=\"768\" data-end=\"825\">De andere bloemonderdelen verwelken meestal en vallen af.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p data-start=\"827\" data-end=\"890\">Zo ontstaat uit &eacute;&eacute;n bloem een vrucht met &eacute;&eacute;n of meerdere zaden.<\/p>\r\n<h3 data-start=\"892\" data-end=\"903\">Zaden<\/h3>\r\n<p data-start=\"904\" data-end=\"979\">Een <strong data-start=\"908\" data-end=\"916\">zaad<\/strong> bevat alles wat nodig is om een nieuwe plant te laten groeien.<\/p>\r\n<ul data-start=\"981\" data-end=\"1167\">\r\n<li data-start=\"981\" data-end=\"1040\">\r\n<p data-start=\"983\" data-end=\"1040\">In een zaad zit een <strong data-start=\"1003\" data-end=\"1011\">kiem<\/strong>, dit is het jonge plantje.<\/p>\r\n<\/li>\r\n<li data-start=\"1041\" data-end=\"1109\">\r\n<p data-start=\"1043\" data-end=\"1109\">De kiem is omgeven door een <strong data-start=\"1071\" data-end=\"1083\">zaadhuid<\/strong>, die bescherming biedt.<\/p>\r\n<\/li>\r\n<li data-start=\"1110\" data-end=\"1167\">\r\n<p data-start=\"1112\" data-end=\"1167\">In het zaad zit ook <strong data-start=\"1132\" data-end=\"1150\">reservevoedsel<\/strong> voor de kieming.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p data-start=\"1169\" data-end=\"1244\">Zaden kunnen lange tijd in rust blijven totdat de omstandigheden goed zijn.<\/p>\r\n<h3 data-start=\"1246\" data-end=\"1269\">Functie van zaden<\/h3>\r\n<p data-start=\"1270\" data-end=\"1301\">Zaden hebben meerdere functies:<\/p>\r\n<ul data-start=\"1303\" data-end=\"1408\">\r\n<li data-start=\"1303\" data-end=\"1335\">\r\n<p data-start=\"1305\" data-end=\"1335\"><strong data-start=\"1305\" data-end=\"1320\">Bescherming<\/strong> van de kiem.<\/p>\r\n<\/li>\r\n<li data-start=\"1336\" data-end=\"1375\">\r\n<p data-start=\"1338\" data-end=\"1375\"><strong data-start=\"1338\" data-end=\"1349\">Voeding<\/strong> voor het jonge plantje.<\/p>\r\n<\/li>\r\n<li data-start=\"1376\" data-end=\"1408\">\r\n<p data-start=\"1378\" data-end=\"1408\"><strong data-start=\"1378\" data-end=\"1394\">Verspreiding<\/strong> van de soort.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p data-start=\"1410\" data-end=\"1469\">Dankzij zaden kan een plant zich voortplanten en overleven.<\/p>\r\n<h3 data-start=\"1471\" data-end=\"1485\">Vruchten<\/h3>\r\n<p data-start=\"1486\" data-end=\"1564\">Een <strong data-start=\"1490\" data-end=\"1500\">vrucht<\/strong> ontstaat uit het vruchtbeginsel en bevat &eacute;&eacute;n of meerdere zaden.<\/p>\r\n<ul data-start=\"1566\" data-end=\"1708\">\r\n<li data-start=\"1566\" data-end=\"1599\">\r\n<p data-start=\"1568\" data-end=\"1599\">Vruchten beschermen de zaden.<\/p>\r\n<\/li>\r\n<li data-start=\"1600\" data-end=\"1655\">\r\n<p data-start=\"1602\" data-end=\"1655\">Veel vruchten helpen bij de verspreiding van zaden.<\/p>\r\n<\/li>\r\n<li data-start=\"1656\" data-end=\"1708\">\r\n<p data-start=\"1658\" data-end=\"1708\">Vruchten kunnen sappig, droog, hard of zacht zijn.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p data-start=\"1710\" data-end=\"1751\">Voorbeelden zijn appels, noten en peulen.<\/p>\r\n<h3 data-start=\"1753\" data-end=\"1775\">Zaadverspreiding<\/h3>\r\n<p data-start=\"1776\" data-end=\"1832\">Zaden kunnen op verschillende manieren worden verspreid:<\/p>\r\n<ul data-start=\"1834\" data-end=\"2076\">\r\n<li data-start=\"1834\" data-end=\"1904\">\r\n<p data-start=\"1836\" data-end=\"1904\">Door <strong data-start=\"1841\" data-end=\"1851\">dieren<\/strong>, die vruchten eten of zaden meenemen in hun vacht.<\/p>\r\n<\/li>\r\n<li data-start=\"1905\" data-end=\"1966\">\r\n<p data-start=\"1907\" data-end=\"1966\">Door <strong data-start=\"1912\" data-end=\"1920\">wind<\/strong>, bij lichte zaden met haartjes of vleugels.<\/p>\r\n<\/li>\r\n<li data-start=\"1967\" data-end=\"2019\">\r\n<p data-start=\"1969\" data-end=\"2019\">Door <strong data-start=\"1974\" data-end=\"1983\">water<\/strong>, bij planten die bij water leven.<\/p>\r\n<\/li>\r\n<li data-start=\"2020\" data-end=\"2076\">\r\n<p data-start=\"2022\" data-end=\"2076\">Door de plant zelf, waarbij zaden worden weggeschoten.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p data-start=\"2078\" data-end=\"2167\">Zaadverspreiding zorgt ervoor dat nieuwe planten niet te dicht bij de ouderplant groeien.<\/p>\r\n`,\r\n              terms: [\r\n                  \"Vrucht \u2013 ontstaat uit het vruchtbeginsel en bevat zaden\",\r\n                  \"Zaad \u2013 ontstaat uit het zaadbeginsel na bevruchting\",\r\n                  \"Zaadbeginsel \u2013 deel van de bloem waarin de eicel zit\",\r\n                  \"Kiem \u2013 jonge plant in het zaad\",\r\n                  \"Zaadhuid \u2013 beschermende laag om het zaad\",\r\n                  \"Reservevoedsel \u2013 voedingsstoffen voor de kiem\",\r\n                  \"Zaadverspreiding \u2013 het verspreiden van zaden over een gebied\"\r\n              ],\r\n              moreTermsUrl: \"http:\/\/begrippen.biologiehuis.com:3000\/index.html\",\r\n              tldr: \"Na de bevruchting groeit het zaadbeginsel uit tot een zaad en het vruchtbeginsel tot een vrucht. Zaden bevatten een kiem, reservevoedsel en een zaadhuid. Vruchten beschermen de zaden en helpen bij de verspreiding. Door verschillende manieren van zaadverspreiding kunnen planten zich succesvol voortplanten en verspreiden.\"\r\n          },\r\n\r\n          {\r\n              id: 5,\r\n              title: \"Ongeslachtelijke voortplanting\",\r\n              subtitle: \"Nieuwe organismen zonder bevruchting\",\r\n              image: \"https:\/\/biologiehuis.com\/wp-content\/uploads\/2025\/12\/ChatGPT-Image-27-dec-2025-13_34_03.png\",\r\n              summary: `\r\n<p data-start=\"408\" data-end=\"598\">Bij <strong data-start=\"412\" data-end=\"446\">ongeslachtelijke voortplanting<\/strong> ontstaan nieuwe organismen zonder dat er een bevruchting plaatsvindt. Er is maar &eacute;&eacute;n ouder nodig. De nakomelingen zijn genetisch identiek aan de ouder.<\/p>\r\n<h3 data-start=\"600\" data-end=\"643\">Wat is ongeslachtelijke voortplanting<\/h3>\r\n<p data-start=\"644\" data-end=\"720\"><strong data-start=\"644\" data-end=\"678\">Ongeslachtelijke voortplanting<\/strong> is voortplanting zonder zaadcel en eicel.<\/p>\r\n<ul data-start=\"722\" data-end=\"843\">\r\n<li data-start=\"722\" data-end=\"763\">\r\n<p data-start=\"724\" data-end=\"763\">Er vindt geen <strong data-start=\"738\" data-end=\"753\">bevruchting<\/strong> plaats.<\/p>\r\n<\/li>\r\n<li data-start=\"764\" data-end=\"795\">\r\n<p data-start=\"766\" data-end=\"795\">Er is maar &eacute;&eacute;n ouder nodig.<\/p>\r\n<\/li>\r\n<li data-start=\"796\" data-end=\"843\">\r\n<p data-start=\"798\" data-end=\"843\">De nakomelingen zijn <strong data-start=\"819\" data-end=\"829\">klonen<\/strong> van de ouder.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p data-start=\"845\" data-end=\"924\">Dit type voortplanting komt veel voor bij planten, schimmels en sommige dieren.<\/p>\r\n<h3 data-start=\"926\" data-end=\"976\">Kenmerken van ongeslachtelijke voortplanting<\/h3>\r\n<p data-start=\"977\" data-end=\"1035\">Ongeslachtelijke voortplanting heeft duidelijke kenmerken:<\/p>\r\n<ul data-start=\"1037\" data-end=\"1167\">\r\n<li data-start=\"1037\" data-end=\"1097\">\r\n<p data-start=\"1039\" data-end=\"1097\">Alle nakomelingen hebben hetzelfde <strong data-start=\"1074\" data-end=\"1081\">DNA<\/strong> als de ouder.<\/p>\r\n<\/li>\r\n<li data-start=\"1098\" data-end=\"1132\">\r\n<p data-start=\"1100\" data-end=\"1132\">Er is geen erfelijke variatie.<\/p>\r\n<\/li>\r\n<li data-start=\"1133\" data-end=\"1167\">\r\n<p data-start=\"1135\" data-end=\"1167\">De voortplanting gaat vaak snel.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p data-start=\"1169\" data-end=\"1220\">Dit kan een voordeel zijn in een stabiele omgeving.<\/p>\r\n<h3 data-start=\"1222\" data-end=\"1270\">Ongeslachtelijke voortplanting bij planten<\/h3>\r\n<p data-start=\"1271\" data-end=\"1346\">Planten kunnen zich op verschillende manieren ongeslachtelijk voortplanten.<\/p>\r\n<ul data-start=\"1348\" data-end=\"1565\">\r\n<li data-start=\"1348\" data-end=\"1392\">\r\n<p data-start=\"1350\" data-end=\"1392\">Door <strong data-start=\"1355\" data-end=\"1368\">uitlopers<\/strong>, zoals bij aardbeien.<\/p>\r\n<\/li>\r\n<li data-start=\"1393\" data-end=\"1439\">\r\n<p data-start=\"1395\" data-end=\"1439\">Door <strong data-start=\"1400\" data-end=\"1410\">bollen<\/strong>, zoals bij tulpen en uien.<\/p>\r\n<\/li>\r\n<li data-start=\"1440\" data-end=\"1483\">\r\n<p data-start=\"1442\" data-end=\"1483\">Door <strong data-start=\"1447\" data-end=\"1458\">knollen<\/strong>, zoals bij aardappels.<\/p>\r\n<\/li>\r\n<li data-start=\"1484\" data-end=\"1565\">\r\n<p data-start=\"1486\" data-end=\"1565\">Door <strong data-start=\"1491\" data-end=\"1502\">stekken<\/strong>, waarbij een deel van de plant uitgroeit tot een nieuwe plant.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p data-start=\"1567\" data-end=\"1621\">De nieuwe planten groeien uit delen van de ouderplant.<\/p>\r\n<h3 data-start=\"1623\" data-end=\"1670\">Ongeslachtelijke voortplanting bij dieren<\/h3>\r\n<p data-start=\"1671\" data-end=\"1725\">Ook sommige dieren planten zich ongeslachtelijk voort.<\/p>\r\n<ul data-start=\"1727\" data-end=\"1905\">\r\n<li data-start=\"1727\" data-end=\"1790\">\r\n<p data-start=\"1729\" data-end=\"1790\">Dit gebeurt bijvoorbeeld bij <strong data-start=\"1758\" data-end=\"1769\">sponzen<\/strong> en <strong data-start=\"1773\" data-end=\"1787\">zeesterren<\/strong>.<\/p>\r\n<\/li>\r\n<li data-start=\"1791\" data-end=\"1851\">\r\n<p data-start=\"1793\" data-end=\"1851\">Soms groeit een nieuw dier uit een deel van het lichaam.<\/p>\r\n<\/li>\r\n<li data-start=\"1852\" data-end=\"1905\">\r\n<p data-start=\"1854\" data-end=\"1905\">De nakomelingen zijn genetisch gelijk aan de ouder.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<h3 data-start=\"1907\" data-end=\"1929\">Voor- en nadelen<\/h3>\r\n<p data-start=\"1930\" data-end=\"1988\">Ongeslachtelijke voortplanting heeft voordelen en nadelen.<\/p>\r\n<ul data-start=\"1990\" data-end=\"2211\">\r\n<li data-start=\"1990\" data-end=\"2109\">\r\n<p data-start=\"1992\" data-end=\"2008\"><strong data-start=\"1992\" data-end=\"2005\">Voordelen<\/strong>:<\/p>\r\n<ul data-start=\"2011\" data-end=\"2109\">\r\n<li data-start=\"2011\" data-end=\"2035\">\r\n<p data-start=\"2013\" data-end=\"2035\">Snelle voortplanting<\/p>\r\n<\/li>\r\n<li data-start=\"2038\" data-end=\"2060\">\r\n<p data-start=\"2040\" data-end=\"2060\">Geen partner nodig<\/p>\r\n<\/li>\r\n<li data-start=\"2063\" data-end=\"2109\">\r\n<p data-start=\"2065\" data-end=\"2109\">Succesvolle eigenschappen blijven behouden<\/p>\r\n<\/li>\r\n<\/ul>\r\n<\/li>\r\n<li data-start=\"2111\" data-end=\"2211\">\r\n<p data-start=\"2113\" data-end=\"2127\"><strong data-start=\"2113\" data-end=\"2124\">Nadelen<\/strong>:<\/p>\r\n<ul data-start=\"2130\" data-end=\"2211\">\r\n<li data-start=\"2130\" data-end=\"2157\">\r\n<p data-start=\"2132\" data-end=\"2157\">Geen erfelijke variatie<\/p>\r\n<\/li>\r\n<li data-start=\"2160\" data-end=\"2211\">\r\n<p data-start=\"2162\" data-end=\"2211\">Minder aanpassing aan veranderende omstandigheden<\/p>\r\n<\/li>\r\n<\/ul>\r\n<\/li>\r\n<\/ul>\r\n`,\r\n              terms: [\r\n                  \"Ongeslachtelijke voortplanting \u2013 voortplanting zonder bevruchting\",\r\n                  \"Klonen \u2013 genetisch identieke nakomelingen\",\r\n                  \"DNA \u2013 erfelijk materiaal van een organisme\",\r\n                  \"Uitlopers \u2013 stengels die nieuwe planten vormen\",\r\n                  \"Bollen \u2013 verdikte stengels met reservevoedsel\",\r\n                  \"Knollen \u2013 verdikte delen met reservevoedsel\",\r\n                  \"Stekken \u2013 delen van een plant die uitgroeien tot een nieuwe plant\"\r\n              ],\r\n              moreTermsUrl: \"http:\/\/begrippen.biologiehuis.com:3000\/index.html\",\r\n              tldr: \"Bij ongeslachtelijke voortplanting ontstaan nieuwe organismen zonder bevruchting en met slechts \u00e9\u00e9n ouder. De nakomelingen zijn klonen en hebben hetzelfde DNA als de ouder. Dit type voortplanting gaat snel en komt veel voor bij planten en sommige dieren, maar zorgt niet voor erfelijke variatie.\"\r\n          },\r\n\r\n          {\r\n              id: 6,\r\n              title: \"Geslachtelijke voortplanting\",\r\n              subtitle: \"Nieuwe organismen met erfelijke variatie\",\r\n              image: \"https:\/\/biologiehuis.com\/wp-content\/uploads\/2025\/12\/ChatGPT-Image-27-dec-2025-13_36_50.png\",\r\n              summary: `\r\n<p data-start=\"408\" data-end=\"598\">Bij <strong data-start=\"412\" data-end=\"446\">ongeslachtelijke voortplanting<\/strong> ontstaan nieuwe organismen zonder dat er een bevruchting plaatsvindt. Er is maar &eacute;&eacute;n ouder nodig. De nakomelingen zijn genetisch identiek aan de ouder.<\/p>\r\n<h3 data-start=\"600\" data-end=\"643\">Wat is ongeslachtelijke voortplanting<\/h3>\r\n<p data-start=\"644\" data-end=\"720\"><strong data-start=\"644\" data-end=\"678\">Ongeslachtelijke voortplanting<\/strong> is voortplanting zonder zaadcel en eicel.<\/p>\r\n<ul data-start=\"722\" data-end=\"843\">\r\n<li data-start=\"722\" data-end=\"763\">\r\n<p data-start=\"724\" data-end=\"763\">Er vindt geen <strong data-start=\"738\" data-end=\"753\">bevruchting<\/strong> plaats.<\/p>\r\n<\/li>\r\n<li data-start=\"764\" data-end=\"795\">\r\n<p data-start=\"766\" data-end=\"795\">Er is maar &eacute;&eacute;n ouder nodig.<\/p>\r\n<\/li>\r\n<li data-start=\"796\" data-end=\"843\">\r\n<p data-start=\"798\" data-end=\"843\">De nakomelingen zijn <strong data-start=\"819\" data-end=\"829\">klonen<\/strong> van de ouder.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p data-start=\"845\" data-end=\"924\">Dit type voortplanting komt veel voor bij planten, schimmels en sommige dieren.<\/p>\r\n<h3 data-start=\"926\" data-end=\"976\">Kenmerken van ongeslachtelijke voortplanting<\/h3>\r\n<p data-start=\"977\" data-end=\"1035\">Ongeslachtelijke voortplanting heeft duidelijke kenmerken:<\/p>\r\n<ul data-start=\"1037\" data-end=\"1167\">\r\n<li data-start=\"1037\" data-end=\"1097\">\r\n<p data-start=\"1039\" data-end=\"1097\">Alle nakomelingen hebben hetzelfde <strong data-start=\"1074\" data-end=\"1081\">DNA<\/strong> als de ouder.<\/p>\r\n<\/li>\r\n<li data-start=\"1098\" data-end=\"1132\">\r\n<p data-start=\"1100\" data-end=\"1132\">Er is geen erfelijke variatie.<\/p>\r\n<\/li>\r\n<li data-start=\"1133\" data-end=\"1167\">\r\n<p data-start=\"1135\" data-end=\"1167\">De voortplanting gaat vaak snel.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p data-start=\"1169\" data-end=\"1220\">Dit kan een voordeel zijn in een stabiele omgeving.<\/p>\r\n<h3 data-start=\"1222\" data-end=\"1270\">Ongeslachtelijke voortplanting bij planten<\/h3>\r\n<p data-start=\"1271\" data-end=\"1346\">Planten kunnen zich op verschillende manieren ongeslachtelijk voortplanten.<\/p>\r\n<ul data-start=\"1348\" data-end=\"1565\">\r\n<li data-start=\"1348\" data-end=\"1392\">\r\n<p data-start=\"1350\" data-end=\"1392\">Door <strong data-start=\"1355\" data-end=\"1368\">uitlopers<\/strong>, zoals bij aardbeien.<\/p>\r\n<\/li>\r\n<li data-start=\"1393\" data-end=\"1439\">\r\n<p data-start=\"1395\" data-end=\"1439\">Door <strong data-start=\"1400\" data-end=\"1410\">bollen<\/strong>, zoals bij tulpen en uien.<\/p>\r\n<\/li>\r\n<li data-start=\"1440\" data-end=\"1483\">\r\n<p data-start=\"1442\" data-end=\"1483\">Door <strong data-start=\"1447\" data-end=\"1458\">knollen<\/strong>, zoals bij aardappels.<\/p>\r\n<\/li>\r\n<li data-start=\"1484\" data-end=\"1565\">\r\n<p data-start=\"1486\" data-end=\"1565\">Door <strong data-start=\"1491\" data-end=\"1502\">stekken<\/strong>, waarbij een deel van de plant uitgroeit tot een nieuwe plant.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<p data-start=\"1567\" data-end=\"1621\">De nieuwe planten groeien uit delen van de ouderplant.<\/p>\r\n<h3 data-start=\"1623\" data-end=\"1670\">Ongeslachtelijke voortplanting bij dieren<\/h3>\r\n<p data-start=\"1671\" data-end=\"1725\">Ook sommige dieren planten zich ongeslachtelijk voort.<\/p>\r\n<ul data-start=\"1727\" data-end=\"1905\">\r\n<li data-start=\"1727\" data-end=\"1790\">\r\n<p data-start=\"1729\" data-end=\"1790\">Dit gebeurt bijvoorbeeld bij <strong data-start=\"1758\" data-end=\"1769\">sponzen<\/strong> en <strong data-start=\"1773\" data-end=\"1787\">zeesterren<\/strong>.<\/p>\r\n<\/li>\r\n<li data-start=\"1791\" data-end=\"1851\">\r\n<p data-start=\"1793\" data-end=\"1851\">Soms groeit een nieuw dier uit een deel van het lichaam.<\/p>\r\n<\/li>\r\n<li data-start=\"1852\" data-end=\"1905\">\r\n<p data-start=\"1854\" data-end=\"1905\">De nakomelingen zijn genetisch gelijk aan de ouder.<\/p>\r\n<\/li>\r\n<\/ul>\r\n<h3 data-start=\"1907\" data-end=\"1929\">Voor- en nadelen<\/h3>\r\n<p data-start=\"1930\" data-end=\"1988\">Ongeslachtelijke voortplanting heeft voordelen en nadelen.<\/p>\r\n<ul data-start=\"1990\" data-end=\"2211\">\r\n<li data-start=\"1990\" data-end=\"2109\">\r\n<p data-start=\"1992\" data-end=\"2008\"><strong data-start=\"1992\" data-end=\"2005\">Voordelen<\/strong>:<\/p>\r\n<ul data-start=\"2011\" data-end=\"2109\">\r\n<li data-start=\"2011\" data-end=\"2035\">\r\n<p data-start=\"2013\" data-end=\"2035\">Snelle voortplanting<\/p>\r\n<\/li>\r\n<li data-start=\"2038\" data-end=\"2060\">\r\n<p data-start=\"2040\" data-end=\"2060\">Geen partner nodig<\/p>\r\n<\/li>\r\n<li data-start=\"2063\" data-end=\"2109\">\r\n<p data-start=\"2065\" data-end=\"2109\">Succesvolle eigenschappen blijven behouden<\/p>\r\n<\/li>\r\n<\/ul>\r\n<\/li>\r\n<li data-start=\"2111\" data-end=\"2211\">\r\n<p data-start=\"2113\" data-end=\"2127\"><strong data-start=\"2113\" data-end=\"2124\">Nadelen<\/strong>:<\/p>\r\n<ul data-start=\"2130\" data-end=\"2211\">\r\n<li data-start=\"2130\" data-end=\"2157\">\r\n<p data-start=\"2132\" data-end=\"2157\">Geen erfelijke variatie<\/p>\r\n<\/li>\r\n<li data-start=\"2160\" data-end=\"2211\">\r\n<p data-start=\"2162\" data-end=\"2211\">Minder aanpassing aan veranderende omstandigheden<\/p>\r\n<\/li>\r\n<\/ul>\r\n<\/li>\r\n<\/ul>\r\n`,\r\n              terms: [\r\n                  \"Geslachtelijke voortplanting \u2013 voortplanting met bevruchting\",\r\n                  \"Zaadcel \u2013 mannelijke geslachtscel\",\r\n                  \"Eicel \u2013 vrouwelijke geslachtscel\",\r\n                  \"Bevruchting \u2013 samensmelten van een zaadcel en een eicel\",\r\n                  \"Inwendige bevruchting \u2013 bevruchting in het lichaam van het vrouwtje\",\r\n                  \"Uitwendige bevruchting \u2013 bevruchting buiten het lichaam\",\r\n                  \"Erfelijke variatie \u2013 verschillen tussen nakomelingen en ouders\"\r\n              ],\r\n              moreTermsUrl: \"http:\/\/begrippen.biologiehuis.com:3000\/index.html\",\r\n              tldr: \"Bij geslachtelijke voortplanting ontstaat een nieuw organisme door bevruchting van een zaadcel en een eicel. De nakomelingen krijgen erfelijke eigenschappen van beide ouders en verschillen daardoor van elkaar. Deze erfelijke variatie zorgt ervoor dat soorten zich beter kunnen aanpassen en blijven voortbestaan.\"\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":[28],"class_list":["post-853","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/biologiehuis.com\/index.php?rest_route=\/wp\/v2\/pages\/853","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=853"}],"version-history":[{"count":4,"href":"https:\/\/biologiehuis.com\/index.php?rest_route=\/wp\/v2\/pages\/853\/revisions"}],"predecessor-version":[{"id":3281,"href":"https:\/\/biologiehuis.com\/index.php?rest_route=\/wp\/v2\/pages\/853\/revisions\/3281"}],"wp:attachment":[{"href":"https:\/\/biologiehuis.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=853"}],"wp:term":[{"taxonomy":"folder","embeddable":true,"href":"https:\/\/biologiehuis.com\/index.php?rest_route=%2Fwp%2Fv2%2Ffolder&post=853"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}