{"id":859,"date":"2025-01-27T18:49:06","date_gmt":"2025-01-27T18:49:06","guid":{"rendered":"https:\/\/biologiehuis.com\/?page_id=859"},"modified":"2025-12-26T22:07:25","modified_gmt":"2025-12-26T22:07:25","slug":"hoofdstuk-2-6","status":"publish","type":"page","link":"https:\/\/biologiehuis.com\/?page_id=859","title":{"rendered":"Hoofdstuk 2 H5"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"859\" class=\"elementor elementor-859\">\n\t\t\t\t<div class=\"elementor-element elementor-element-622820e 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=\"622820e\" 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-b3bacce elementor-widget elementor-widget-html\" data-id=\"b3bacce\" 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 9: DNA\", \/\/ \ud83d\udc49 boeknaam\r\n      chapters: [\r\n        {\r\n          id: 1,\r\n          title: \"DNA\",\r\n              subtitle: \"Wat is DNA en welke rol speelt het in erfelijke eigenschappen?\",\r\n              image: \"https:\/\/biologiehuis.com\/wp-content\/uploads\/2025\/12\/ChatGPT-Image-26-dec-2025-22_04_37.png\",\r\n              summary: `\r\n<p><strong>DNA<\/strong><span style=\"font-weight: 400;\"> (<\/span><strong>desoxyribonucle&iuml;nezuur<\/strong><span style=\"font-weight: 400;\">) is het molecuul waarin de <\/span><strong>erfelijke informatie<\/strong><span style=\"font-weight: 400;\"> van een organisme is opgeslagen. Deze informatie ligt vast in de <\/span><strong>volgorde van de nucleotiden<\/strong><span style=\"font-weight: 400;\"> en bepaalt welke <\/span><strong>eiwitten<\/strong><span style=\"font-weight: 400;\"> een cel kan maken. DNA is verantwoordelijk voor de bouw, werking en het functioneren van cellen en uiteindelijk voor de <\/span><strong>fenotypische eigenschappen<\/strong><span style=\"font-weight: 400;\"> van een organisme.<\/span><\/p>\r\n<p><strong>Bouw van DNA<\/strong><\/p>\r\n<ul>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">DNA is opgebouwd uit <\/span><strong>nucleotiden<\/strong><span style=\"font-weight: 400;\">.<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Elke nucleotide bestaat uit:<\/span><span style=\"font-weight: 400;\"><br \/><br \/><\/span><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Een <\/span><strong>fosfaatgroep<\/strong><\/li>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Een <\/span><strong>desoxyribose<\/strong><span style=\"font-weight: 400;\"> (suikermolecuul)<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Een <\/span><strong>stikstofbase<\/strong><span style=\"font-weight: 400;\">: <\/span><strong>adenine (A)<\/strong><span style=\"font-weight: 400;\">, <\/span><strong>thymine (T)<\/strong><span style=\"font-weight: 400;\">, <\/span><strong>cytosine (C)<\/strong><span style=\"font-weight: 400;\"> of <\/span><strong>guanine (G)<\/strong><span style=\"font-weight: 400;\">.<\/span><span style=\"font-weight: 400;\"><br \/><br \/><\/span><\/li>\r\n<\/ul>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">DNA bestaat uit twee ketens van nucleotiden die samen een <\/span><strong>dubbele helix<\/strong><span style=\"font-weight: 400;\"> vormen.<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">De basenparen worden verbonden door <\/span><strong>waterstofbruggen<\/strong><span style=\"font-weight: 400;\">:<\/span><span style=\"font-weight: 400;\"><br \/><br \/><\/span><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\"><strong>A<\/strong><span style=\"font-weight: 400;\"> &harr; <\/span><strong>T<\/strong><span style=\"font-weight: 400;\"> (2 waterstofbruggen)<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><strong>C<\/strong><span style=\"font-weight: 400;\"> &harr; <\/span><strong>G<\/strong><span style=\"font-weight: 400;\"> (3 waterstofbruggen)<\/span><\/li>\r\n<\/ul>\r\n<\/ul>\r\n<p><strong>Chromosomen en genen<\/strong><\/p>\r\n<ul>\r\n<li style=\"font-weight: 400;\"><strong>Chromosomen<\/strong><span style=\"font-weight: 400;\">: structuren van DNA en <\/span><strong>eiwitten<\/strong><span style=\"font-weight: 400;\"> (histonen) in de celkern.<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><strong>Genen<\/strong><span style=\"font-weight: 400;\">: stukken DNA die de code bevatten voor &eacute;&eacute;n eiwit of een deel daarvan.<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">De <\/span><strong>volgorde van de basen<\/strong><span style=\"font-weight: 400;\"> in een gen bepaalt de volgorde van de aminozuren in het eiwit.<\/span><\/li>\r\n<\/ul>\r\n<p><strong>Functie van DNA<\/strong><\/p>\r\n<ol>\r\n<li style=\"font-weight: 400;\"><strong>Opslag<\/strong><span style=\"font-weight: 400;\"> van erfelijke informatie.<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><strong>Kopie maken<\/strong><span style=\"font-weight: 400;\"> voor celdeling (<\/span><strong>DNA-replicatie<\/strong><span style=\"font-weight: 400;\">).<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><strong>Aanleveren van code<\/strong><span style=\"font-weight: 400;\"> voor eiwitsynthese via <\/span><strong>RNA<\/strong><span style=\"font-weight: 400;\">.<\/span><\/li>\r\n<\/ol>\r\n<p><strong>DNA in verschillende cellen<\/strong><\/p>\r\n<ul>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Bij <\/span><strong>eukaryoten<\/strong><span style=\"font-weight: 400;\">: DNA zit in de <\/span><strong>celkern<\/strong><span style=\"font-weight: 400;\">, in mitochondri&euml;n en bij planten ook in chloroplasten.<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Bij <\/span><strong>prokaryoten<\/strong><span style=\"font-weight: 400;\">: DNA zit los in het <\/span><strong>cytoplasma<\/strong><span style=\"font-weight: 400;\"> (&eacute;&eacute;n circulair DNA-molecuul + plasmiden).<\/span><\/li>\r\n<\/ul>\r\n<p><strong>Plasmiden<\/strong><\/p>\r\n<ul>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Kleine, circulaire DNA-moleculen in bacteri&euml;n.<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Kunnen genen bevatten die extra eigenschappen geven, zoals <\/span><strong>antibioticaresistentie<\/strong><span style=\"font-weight: 400;\">.<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Worden veel gebruikt in de <\/span><strong>biotechnologie<\/strong><span style=\"font-weight: 400;\">.<\/span><span style=\"font-weight: 400;\"><br \/><br \/><\/span><\/li>\r\n<\/ul>\r\n    `,\r\n              terms: [\r\n                  \"DNA \u2013 drager van erfelijke informatie\",\r\n                  \"Nucleotide \u2013 bouwsteen van DNA (fosfaatgroep, desoxyribose, stikstofbase)\",\r\n                  \"Stikstofbasen \u2013 A, T, C, G\",\r\n                  \"Dubbele helix \u2013 spiraalvormige structuur van DNA\",\r\n                  \"Waterstofbruggen \u2013 verbindingen tussen basenparen\",\r\n                  \"Chromosoom \u2013 DNA + histonen in celkern\",\r\n                  \"Gen \u2013 stuk DNA met de code voor een eiwit\",\r\n                  \"Plasmide \u2013 klein circulair DNA-molecuul in bacteri\u00ebn\"\r\n              ],\r\n          moreTermsUrl: \"http:\/\/begrippen.biologiehuis.com:3000\/index.html\",\r\n              tldr: \"DNA is het molecuul dat alle erfelijke informatie bevat. Het is opgebouwd uit nucleotiden met vier soorten basen en vormt een dubbele helix. De volgorde van basen in een gen bepaalt welk eiwit wordt gemaakt. DNA bevindt zich in chromosomen in de celkern van eukaryoten en in het cytoplasma van prokaryoten. Plasmiden kunnen extra eigenschappen coderen en zijn belangrijk in de biotechnologie.\"\r\n          },\r\n\r\n          {\r\n              id: 2,\r\n              title: \"DNA-replicatie\",\r\n              subtitle: \"Hoe wordt DNA verdubbeld tijdens de celdeling?\",\r\n              image: \"https:\/\/biologiehuis.com\/wp-content\/uploads\/2025\/12\/ChatGPT-Image-26-dec-2025-22_04_44.png\",\r\n              summary: `\r\n<p><strong>DNA-replicatie<\/strong><span style=\"font-weight: 400;\"> is het proces waarbij een cel een <\/span><strong>identieke kopie<\/strong><span style=\"font-weight: 400;\"> maakt van al het DNA. Dit gebeurt v&oacute;&oacute;r elke <\/span><strong>celdeling<\/strong><span style=\"font-weight: 400;\">, zodat beide dochtercellen dezelfde <\/span><strong>erfelijke informatie<\/strong><span style=\"font-weight: 400;\"> krijgen. Het is een <\/span><strong>semi-conservatief proces<\/strong><span style=\"font-weight: 400;\">: elke nieuwe DNA-molecule bestaat uit &eacute;&eacute;n oude streng en &eacute;&eacute;n nieuwe streng.<\/span><\/p>\r\n<p><strong>Stap-voor-stap proces van DNA-replicatie<\/strong><\/p>\r\n<ol>\r\n<li style=\"font-weight: 400;\"><strong>Ontwinden van de dubbele helix<\/strong><strong><br \/><br \/><\/strong><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Enzymen breken de <\/span><strong>waterstofbruggen<\/strong><span style=\"font-weight: 400;\"> tussen de basenparen.<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">De twee DNA-strengen worden uit elkaar gehaald.<\/span><span style=\"font-weight: 400;\"><br \/><br \/><\/span><\/li>\r\n<\/ul>\r\n<li style=\"font-weight: 400;\"><strong>Basenparing volgens het complementariteitsprincipe<\/strong><strong><br \/><br \/><\/strong><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Vrije <\/span><strong>nucleotiden<\/strong><span style=\"font-weight: 400;\"> in de celkern binden zich aan de vrijkomende basen van de enkelvoudige strengen:<\/span><span style=\"font-weight: 400;\"><br \/><br \/><\/span><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\"><strong>A<\/strong><span style=\"font-weight: 400;\"> &harr; <\/span><strong>T<\/strong><\/li>\r\n<li style=\"font-weight: 400;\"><strong>C<\/strong><span style=\"font-weight: 400;\"> &harr; <\/span><strong>G<\/strong><strong><br \/><br \/><\/strong><\/li>\r\n<\/ul>\r\n<\/ul>\r\n<li style=\"font-weight: 400;\"><strong>Vorming van nieuwe DNA-strengen<\/strong><strong><br \/><br \/><\/strong><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Het enzym <\/span><strong>DNA-polymerase<\/strong><span style=\"font-weight: 400;\"> koppelt de nieuwe nucleotiden aan elkaar tot een keten.<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Resultaat: twee dubbele DNA-moleculen, identiek aan het oorspronkelijke DNA.<\/span><\/li>\r\n<\/ul>\r\n<\/ol>\r\n<p><strong>Eigenschappen van DNA-replicatie<\/strong><\/p>\r\n<ul>\r\n<li style=\"font-weight: 400;\"><strong>Semi-conservatief<\/strong><span style=\"font-weight: 400;\">: elke nieuwe DNA-helix bevat &eacute;&eacute;n oude en &eacute;&eacute;n nieuwe streng.<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><strong>Zeer nauwkeurig<\/strong><span style=\"font-weight: 400;\">: fouten (<\/span><strong>mutaties<\/strong><span style=\"font-weight: 400;\">) komen weinig voor, omdat DNA-polymerase controleert op correcte basenparing.<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><strong>Snel proces<\/strong><span style=\"font-weight: 400;\">: bij mensen kan DNA-replicatie miljoenen basenparen per minuut kopi&euml;ren.<\/span><\/li>\r\n<\/ul>\r\n<p><strong>Plaats in de celcyclus<\/strong><\/p>\r\n<ul>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">DNA-replicatie vindt plaats tijdens de <\/span><strong>S-fase<\/strong><span style=\"font-weight: 400;\"> (Synthesefase) van de celcyclus.<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Na replicatie bestaan chromosomen uit twee <\/span><strong>zusterchromatiden<\/strong><span style=\"font-weight: 400;\">, verbonden in het <\/span><strong>centromeer<\/strong><span style=\"font-weight: 400;\">.<\/span><\/li>\r\n<\/ul>\r\n<p><strong>Belangrijke enzymen bij replicatie<\/strong><\/p>\r\n<ul>\r\n<li style=\"font-weight: 400;\"><strong>Helicase<\/strong><span style=\"font-weight: 400;\">: ontwindt de dubbele helix en verbreekt waterstofbruggen.<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><strong>DNA-polymerase<\/strong><span style=\"font-weight: 400;\">: koppelt nieuwe nucleotiden aan de bestaande streng.<\/span><\/li>\r\n<\/ul>\r\n<p><strong>Ligase<\/strong><span style=\"font-weight: 400;\">: verbindt losse DNA-fragmenten (bijv. Okazaki-fragmenten op de lagging strand).<\/span><span style=\"font-weight: 400;\"><br \/><\/span><\/p>\r\n`,\r\n              terms: [\r\n                  \"DNA-replicatie \u2013 verdubbeling van DNA\",\r\n                  \"Semi-conservatief \u2013 elke nieuwe DNA-molecule bevat \u00e9\u00e9n oude en \u00e9\u00e9n nieuwe streng\",\r\n                  \"Complementariteit \u2013 A-T en C-G basenparing\",\r\n                  \"DNA-polymerase \u2013 enzym dat nieuwe nucleotiden koppelt\",\r\n                  \"Helicase \u2013 enzym dat de dubbele helix ontwindt\",\r\n                  \"Ligase \u2013 enzym dat DNA-fragmenten aan elkaar zet\",\r\n                  \"Zusterchromatiden \u2013 identieke chromatiden van \u00e9\u00e9n chromosoom na replicatie\",\r\n                  \"S-fase \u2013 fase van DNA-synthese in de celcyclus\"\r\n              ],\r\n              moreTermsUrl: \"http:\/\/begrippen.biologiehuis.com:3000\/index.html\",\r\n              tldr: \"DNA-replicatie is het proces waarbij DNA wordt verdubbeld v\u00f3\u00f3r de celdeling. Het is semi-conservatief: elke nieuwe DNA-helix heeft \u00e9\u00e9n oude en \u00e9\u00e9n nieuwe streng. Het proces verloopt via het openen van de dubbele helix, basenparing volgens complementariteit en het koppelen van nucleotiden door DNA-polymerase. Zo krijgen beide dochtercellen dezelfde genetische informatie.\"\r\n          },\r\n\r\n          {\r\n              id: 3,\r\n              title: \"Eiwitsynthese\",\r\n              subtitle: \"Hoe wordt de code in DNA vertaald naar een eiwit?\",\r\n              image: \"https:\/\/biologiehuis.com\/wp-content\/uploads\/2025\/12\/ChatGPT-Image-26-dec-2025-22_04_47.png\",\r\n              summary: `\r\n<p><strong>Eiwitsynthese<\/strong><span style=\"font-weight: 400;\"> is het proces waarbij cellen <\/span><strong>eiwitten<\/strong><span style=\"font-weight: 400;\"> maken op basis van de <\/span><strong>genetische code<\/strong><span style=\"font-weight: 400;\"> in het <\/span><strong>DNA<\/strong><span style=\"font-weight: 400;\">. Eiwitten bepalen vrijwel alle functies in een organisme: ze zijn <\/span><strong>enzymen<\/strong><span style=\"font-weight: 400;\">, <\/span><strong>structuureiwitten<\/strong><span style=\"font-weight: 400;\">, <\/span><strong>transporteiwitten<\/strong><span style=\"font-weight: 400;\">, <\/span><strong>signaalstoffen<\/strong><span style=\"font-weight: 400;\"> en meer.<\/span><\/p>\r\n<p><span style=\"font-weight: 400;\">Het proces verloopt in twee hoofd&shy;stappen: <\/span><strong>transcriptie<\/strong><span style=\"font-weight: 400;\"> en <\/span><strong>translatie<\/strong><span style=\"font-weight: 400;\">.<\/span><\/p>\r\n<ol>\r\n<li><strong> Transcriptie &ndash; overschrijven van DNA naar mRNA<\/strong><\/li>\r\n<\/ol>\r\n<ul>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Plaats: <\/span><strong>celkern<\/strong><span style=\"font-weight: 400;\"> (bij eukaryoten).<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Het enzym <\/span><strong>RNA-polymerase<\/strong><span style=\"font-weight: 400;\"> bindt aan het begin van een gen.<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">De <\/span><strong>dubbele helix<\/strong><span style=\"font-weight: 400;\"> wordt lokaal geopend.<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><strong>Complementaire RNA-nucleotiden<\/strong><span style=\"font-weight: 400;\"> worden gekoppeld aan de DNA-template:<\/span><span style=\"font-weight: 400;\"><br \/><br \/><\/span><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\"><strong>A<\/strong><span style=\"font-weight: 400;\"> in DNA &harr; <\/span><strong>U<\/strong><span style=\"font-weight: 400;\"> in RNA (uracil vervangt thymine)<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><strong>T<\/strong><span style=\"font-weight: 400;\"> &harr; <\/span><strong>A<\/strong><span style=\"font-weight: 400;\">, <\/span><strong>C<\/strong><span style=\"font-weight: 400;\"> &harr; <\/span><strong>G<\/strong><span style=\"font-weight: 400;\">, <\/span><strong>G<\/strong><span style=\"font-weight: 400;\"> &harr; <\/span><strong>C<\/strong><strong><br \/><br \/><\/strong><\/li>\r\n<\/ul>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Het gevormde <\/span><strong>mRNA<\/strong><span style=\"font-weight: 400;\"> (<\/span><strong>messenger-RNA<\/strong><span style=\"font-weight: 400;\">) bevat de code van het gen in de vorm van <\/span><strong>codons<\/strong><span style=\"font-weight: 400;\"> (groepen van drie basen).<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Na voltooiing laat het mRNA los en verlaat via de <\/span><strong>kernpori&euml;n<\/strong><span style=\"font-weight: 400;\"> de celkern.<\/span><\/li>\r\n<\/ul>\r\n<ol start=\"2\">\r\n<li><strong> Translatie &ndash; vertalen van mRNA naar aminozuurvolgorde<\/strong><\/li>\r\n<\/ol>\r\n<ul>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Plaats: <\/span><strong>ribosomen<\/strong><span style=\"font-weight: 400;\"> (vrij in cytoplasma of gebonden aan ruw ER).<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><strong>tRNA<\/strong><span style=\"font-weight: 400;\"> (<\/span><strong>transfer-RNA<\/strong><span style=\"font-weight: 400;\">) moleculen hebben elk:<\/span><span style=\"font-weight: 400;\"><br \/><br \/><\/span><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Een <\/span><strong>anticodon<\/strong><span style=\"font-weight: 400;\"> dat complementair is aan een codon op het mRNA.<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Een specifiek <\/span><strong>aminozuur<\/strong><span style=\"font-weight: 400;\"> dat overeenkomt met dat codon.<\/span><span style=\"font-weight: 400;\"><br \/><br \/><\/span><\/li>\r\n<\/ul>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Het ribosoom schuift langs het mRNA en leest codon voor codon.<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">tRNA&rsquo;s brengen aminozuren aan, die door het ribosoom via <\/span><strong>peptidebindingen<\/strong><span style=\"font-weight: 400;\"> aan elkaar worden gekoppeld tot een <\/span><strong>polypeptideketen<\/strong><span style=\"font-weight: 400;\">.<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">De keten vouwt zich tot een functioneel <\/span><strong>eiwit<\/strong><span style=\"font-weight: 400;\">.<\/span><\/li>\r\n<\/ul>\r\n<p><strong>Genetische code<\/strong><\/p>\r\n<ul>\r\n<li style=\"font-weight: 400;\"><strong>Codon<\/strong><span style=\"font-weight: 400;\">: drie opeenvolgende basen in mRNA, codeert voor &eacute;&eacute;n aminozuur.<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><strong>Startcodon<\/strong><span style=\"font-weight: 400;\"> (AUG): begin van translatie, codeert voor methionine.<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><strong>Stopcodons<\/strong><span style=\"font-weight: 400;\"> (UAA, UAG, UGA): be&euml;indigen translatie.<\/span><\/li>\r\n<\/ul>\r\n<p><strong>Regulatie van eiwitsynthese<\/strong><\/p>\r\n<ul>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Niet alle genen staan altijd &ldquo;aan&rdquo;.<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><strong>Genexpressie<\/strong><span style=\"font-weight: 400;\"> kan worden aan- of uitgezet afhankelijk van de celtype, ontwikkelingsfase en omgeving.<\/span><span style=\"font-weight: 400;\"><br \/><br \/><\/span><\/li>\r\n<\/ul>\r\n`,\r\n              terms: [\r\n                  \"Eiwitsynthese \u2013 proces waarbij DNA-informatie wordt omgezet in eiwitten\",\r\n                  \"Transcriptie \u2013 overschrijven van DNA naar mRNA in de celkern\",\r\n                  \"Translatie \u2013 vertalen van mRNA naar aminozuursequentie bij ribosomen\",\r\n                  \"mRNA \u2013 boodschapper-RNA, kopie van een gen\",\r\n                  \"tRNA \u2013 transfer-RNA, vervoert aminozuren naar ribosomen\",\r\n                  \"Ribosoom \u2013 organel waar translatie plaatsvindt\",\r\n                  \"Codon \u2013 triplet van basen in mRNA\",\r\n                  \"Anticodon \u2013 triplet van basen op tRNA, complementair aan mRNA-codon\",\r\n                  \"Peptidebinding \u2013 binding tussen aminozuren\",\r\n                  \"Genexpressie \u2013 het tot uiting komen van een gen in een functioneel eiwit\"\r\n              ],\r\n              moreTermsUrl: \"http:\/\/begrippen.biologiehuis.com:3000\/index.html\",\r\n              tldr: \"Eiwitsynthese verloopt via transcriptie (DNA \u2192 mRNA) in de kern en translatie (mRNA \u2192 eiwit) bij ribosomen. mRNA draagt de genetische code, tRNA levert de aminozuren, en ribosomen verbinden ze tot een polypeptide. Start- en stopcodons bepalen waar het proces begint en eindigt. Zo wordt de genetische informatie in DNA omgezet in functionele eiwitten.\"\r\n          },\r\n\r\n          {\r\n              id: 4,\r\n              title: \"Genexpressie\",\r\n              subtitle: \"Hoe en wanneer wordt erfelijke informatie omgezet in een eiwit?\",\r\n              image: \"https:\/\/biologiehuis.com\/wp-content\/uploads\/2025\/12\/ChatGPT-Image-26-dec-2025-22_09_13.png\",\r\n              summary: `\r\n<p><strong>Genexpressie<\/strong><span style=\"font-weight: 400;\"> is het proces waarbij de informatie in een <\/span><strong>gen<\/strong><span style=\"font-weight: 400;\"> wordt gebruikt om een <\/span><strong>functioneel eiwit<\/strong><span style=\"font-weight: 400;\"> (of RNA-molecuul) te maken. Niet alle genen zijn in alle cellen actief: dit hangt af van <\/span><strong>celtype<\/strong><span style=\"font-weight: 400;\">, <\/span><strong>ontwikkelingsfase<\/strong><span style=\"font-weight: 400;\"> en <\/span><strong>omgevingsfactoren<\/strong><span style=\"font-weight: 400;\">.<\/span><\/p>\r\n<p><strong>Differentiatie en specialisatie van cellen<\/strong><\/p>\r\n<ul>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Alle cellen in een organisme bevatten hetzelfde DNA.<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><strong>Differentiatie<\/strong><span style=\"font-weight: 400;\">: proces waarbij cellen zich ontwikkelen tot gespecialiseerde celtypen met specifieke functies.<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Specialisatie ontstaat doordat in elk celtype slechts een deel van de genen actief is (<\/span><strong>aanstaat<\/strong><span style=\"font-weight: 400;\">).<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Voorbeeld: een levercel maakt wel enzymen voor ontgifting, maar geen hemoglobine.<\/span><\/li>\r\n<\/ul>\r\n<p><strong>Regulatie van genexpressie<\/strong><\/p>\r\n<ol>\r\n<li style=\"font-weight: 400;\"><strong>Transcriptieniveau<\/strong><strong><br \/><br \/><\/strong><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Controle over of en hoe vaak een gen wordt overgeschreven naar <\/span><strong>mRNA<\/strong><span style=\"font-weight: 400;\">.<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Belangrijkste niveau van genregulatie.<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><strong>Transcriptiefactoren<\/strong><span style=\"font-weight: 400;\"> (eiwitten) kunnen de transcriptie stimuleren of remmen.<\/span><span style=\"font-weight: 400;\"><br \/><br \/><\/span><\/li>\r\n<\/ul>\r\n<li style=\"font-weight: 400;\"><strong>Translatieniveau<\/strong><strong><br \/><br \/><\/strong><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Regulatie van de snelheid waarmee mRNA wordt vertaald naar een eiwit.<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">mRNA kan worden afgebroken voordat het wordt vertaald.<\/span><span style=\"font-weight: 400;\"><br \/><br \/><\/span><\/li>\r\n<\/ul>\r\n<li style=\"font-weight: 400;\"><strong>Post-translationeel<\/strong><strong><br \/><br \/><\/strong><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Aanpassingen aan het gevormde eiwit, zoals activering of afbraak.<\/span><\/li>\r\n<\/ul>\r\n<\/ol>\r\n<p><strong>Invloed van omgeving en ontwikkeling<\/strong><\/p>\r\n<ul>\r\n<li style=\"font-weight: 400;\"><strong>Omgevingsfactoren<\/strong><span style=\"font-weight: 400;\"> zoals licht, temperatuur, voeding en hormonen kunnen genexpressie be&iuml;nvloeden.<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Tijdens de <\/span><strong>ontwikkeling<\/strong><span style=\"font-weight: 400;\"> van een organisme wordt genexpressie nauwkeurig geco&ouml;rdineerd om de juiste eiwitten op het juiste moment te produceren.<\/span><\/li>\r\n<\/ul>\r\n<p><strong>Voorbeeld bij bacteri&euml;n: operonmodel<\/strong><\/p>\r\n<ul>\r\n<li style=\"font-weight: 400;\"><strong>Operon<\/strong><span style=\"font-weight: 400;\">: groep genen met verwante functies die gezamenlijk worden gereguleerd.<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Voorbeeld: <\/span><strong>lactose-operon<\/strong><span style=\"font-weight: 400;\"> (lac-operon) bij <\/span><em><span style=\"font-weight: 400;\">E. coli<\/span><\/em><span style=\"font-weight: 400;\">.<\/span><span style=\"font-weight: 400;\"><br \/><br \/><\/span><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Wanneer lactose aanwezig is, worden genen voor lactose-afbraak aangezet.<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Bij afwezigheid van lactose worden deze genen uitgeschakeld door een <\/span><strong>repressor<\/strong><span style=\"font-weight: 400;\">.<\/span><\/li>\r\n<\/ul>\r\n<\/ul>\r\n<p><strong>Epigenetica<\/strong><\/p>\r\n<ul>\r\n<li style=\"font-weight: 400;\"><strong>Epigenetische veranderingen<\/strong><span style=\"font-weight: 400;\"> be&iuml;nvloeden de genexpressie zonder de DNA-volgorde te veranderen.<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Voorbeelden:<\/span><span style=\"font-weight: 400;\"><br \/><br \/><\/span><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\"><strong>DNA-methylering<\/strong><span style=\"font-weight: 400;\">: toevoeging van methylgroepen aan DNA, vaak remt dit de transcriptie.<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><strong>Histonmodificatie<\/strong><span style=\"font-weight: 400;\">: verandering van de verpakking van DNA rond histonen, waardoor genen toegankelijker of juist minder toegankelijk worden.<\/span><span style=\"font-weight: 400;\"><br \/><br \/><\/span><\/li>\r\n<\/ul>\r\n<\/ul>\r\n`,\r\n              terms: [\r\n                  \"Genexpressie \u2013 tot uiting komen van een gen als eiwit of RNA\",\r\n                  \"Differentiatie \u2013 ontwikkeling van cellen tot gespecialiseerde typen\",\r\n                  \"Transcriptiefactor \u2013 eiwit dat transcriptie stimuleert of remt\",\r\n                  \"Operon \u2013 groep genen met gezamenlijke regulatie bij prokaryoten\",\r\n                  \"Repressor \u2013 eiwit dat transcriptie blokkeert\",\r\n                  \"Epigenetica \u2013 veranderingen in genexpressie zonder verandering van DNA-sequentie\",\r\n                  \"DNA-methylering \u2013 epigenetische aanpassing die genactiviteit vaak verlaagt\",\r\n                  \"Histonmodificatie \u2013 chemische verandering aan histonen die de toegankelijkheid van DNA be\u00efnvloedt\"\r\n              ],\r\n              moreTermsUrl: \"http:\/\/begrippen.biologiehuis.com:3000\/index.html\",\r\n              tldr: \"Genexpressie bepaalt welke eiwitten in een cel worden gemaakt en daarmee de functie van die cel. Dit proces wordt op verschillende niveaus gereguleerd, vooral tijdens de transcriptie. Factoren als ontwikkelingsstadium, omgeving en epigenetische aanpassingen spelen een belangrijke rol. Bij prokaryoten kan regulatie plaatsvinden via operons, zoals het lac-operon.\"\r\n          },\r\n\r\n          {\r\n              id: 5,\r\n              title: \"Mutaties\",\r\n              subtitle: \"Hoe ontstaan veranderingen in het DNA en wat zijn de gevolgen?\",\r\n              image: \"https:\/\/biologiehuis.com\/wp-content\/uploads\/2025\/12\/ChatGPT-Image-26-dec-2025-22_05_22.png\",\r\n              summary: `\r\n<p><span style=\"font-weight: 400;\">Een <\/span><strong>mutatie<\/strong><span style=\"font-weight: 400;\"> is een <\/span><strong>blijvende verandering<\/strong><span style=\"font-weight: 400;\"> in de <\/span><strong>nucleotidevolgorde<\/strong><span style=\"font-weight: 400;\"> van het DNA. Mutaties kunnen leiden tot veranderingen in de <\/span><strong>code<\/strong><span style=\"font-weight: 400;\"> van een gen en daardoor in het gevormde <\/span><strong>eiwit<\/strong><span style=\"font-weight: 400;\">. Soms heeft dit <\/span><strong>geen merkbaar effect<\/strong><span style=\"font-weight: 400;\">, maar het kan ook leiden tot ziekte, afwijkingen of juist nuttige eigenschappen.<\/span><\/p>\r\n<p><strong>Oorzaken van mutaties<\/strong><\/p>\r\n<ol>\r\n<li style=\"font-weight: 400;\"><strong>Spontaan<\/strong><strong><br \/><br \/><\/strong><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Ontstaan tijdens <\/span><strong>DNA-replicatie<\/strong><span style=\"font-weight: 400;\"> door foutieve inbouw van nucleotiden.<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">DNA-polymerase herstelt de meeste fouten, maar niet allemaal.<\/span><span style=\"font-weight: 400;\"><br \/><br \/><\/span><\/li>\r\n<\/ul>\r\n<li style=\"font-weight: 400;\"><strong>Door mutagene invloeden<\/strong><span style=\"font-weight: 400;\"> (<\/span><strong>mutagene stoffen\/straling<\/strong><span style=\"font-weight: 400;\">)<\/span><span style=\"font-weight: 400;\"><br \/><br \/><\/span><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\"><strong>Chemische stoffen<\/strong><span style=\"font-weight: 400;\">: bijvoorbeeld teer in sigarettenrook, bepaalde pesticiden.<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><strong>Straling<\/strong><span style=\"font-weight: 400;\">: UV-straling, r&ouml;ntgenstraling, radioactieve straling.<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><strong>Virussen<\/strong><span style=\"font-weight: 400;\">: sommige kunnen hun DNA invoegen in het genoom van de gastheer.<\/span><\/li>\r\n<\/ul>\r\n<\/ol>\r\n<p><strong>Soorten mutaties<\/strong><\/p>\r\n<ol>\r\n<li style=\"font-weight: 400;\"><strong>Genmutaties<\/strong><span style=\"font-weight: 400;\"> (puntmutaties) &ndash; verandering in &eacute;&eacute;n of enkele nucleotiden:<\/span><span style=\"font-weight: 400;\"><br \/><br \/><\/span><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\"><strong>Substitutie<\/strong><span style=\"font-weight: 400;\">: &eacute;&eacute;n nucleotide wordt vervangen door een ander.<\/span><span style=\"font-weight: 400;\"><br \/><br \/><\/span><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Kan leiden tot een ander aminozuur (<\/span><strong>missense-mutatie<\/strong><span style=\"font-weight: 400;\">), een stopcodon (<\/span><strong>nonsense-mutatie<\/strong><span style=\"font-weight: 400;\">) of geen verandering (<\/span><strong>stille mutatie<\/strong><span style=\"font-weight: 400;\">).<\/span><span style=\"font-weight: 400;\"><br \/><br \/><\/span><\/li>\r\n<\/ul>\r\n<li style=\"font-weight: 400;\"><strong>Insertie<\/strong><span style=\"font-weight: 400;\">: &eacute;&eacute;n of meer nucleotiden worden toegevoegd.<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><strong>Deletie<\/strong><span style=\"font-weight: 400;\">: &eacute;&eacute;n of meer nucleotiden verdwijnen.<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Inserties en deleties kunnen leiden tot <\/span><strong>frameshift<\/strong><span style=\"font-weight: 400;\">: verschuiving van het leesraam &rarr; vaak een niet-functioneel eiwit.<\/span><span style=\"font-weight: 400;\"><br \/><br \/><\/span><\/li>\r\n<\/ul>\r\n<li style=\"font-weight: 400;\"><strong>Chromosoommutaties<\/strong><span style=\"font-weight: 400;\"> &ndash; veranderingen in de structuur van chromosomen:<\/span><span style=\"font-weight: 400;\"><br \/><br \/><\/span><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\"><strong>Deletie<\/strong><span style=\"font-weight: 400;\">: stuk chromosoom gaat verloren.<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><strong>Duplicatie<\/strong><span style=\"font-weight: 400;\">: stuk chromosoom wordt verdubbeld.<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><strong>Inversie<\/strong><span style=\"font-weight: 400;\">: stuk chromosoom draait om.<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><strong>Translocatie<\/strong><span style=\"font-weight: 400;\">: stuk chromosoom verplaatst naar een ander chromosoom.<\/span><span style=\"font-weight: 400;\"><br \/><br \/><\/span><\/li>\r\n<\/ul>\r\n<li style=\"font-weight: 400;\"><strong>Genoommutaties<\/strong><span style=\"font-weight: 400;\"> &ndash; verandering in het aantal chromosomen:<\/span><span style=\"font-weight: 400;\"><br \/><br \/><\/span><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\"><strong>Polyplo&iuml;die<\/strong><span style=\"font-weight: 400;\">: extra sets chromosomen.<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><strong>Aneuplo&iuml;die<\/strong><span style=\"font-weight: 400;\">: &eacute;&eacute;n chromosoom te veel of te weinig (bijv. trisomie 21 &rarr; syndroom van Down).<\/span><\/li>\r\n<\/ul>\r\n<\/ol>\r\n<p><strong>Gevolgen van mutaties<\/strong><\/p>\r\n<ul>\r\n<li style=\"font-weight: 400;\"><strong>Neutraal<\/strong><span style=\"font-weight: 400;\">: geen merkbare invloed op het organisme.<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><strong>Nadelig<\/strong><span style=\"font-weight: 400;\">: kan leiden tot erfelijke ziekten of kanker.<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><strong>Voordelig<\/strong><span style=\"font-weight: 400;\">: kan bijdragen aan evolutie en aanpassing aan het milieu.<\/span><\/li>\r\n<\/ul>\r\n<p><strong>Reparatiemechanismen<\/strong><\/p>\r\n<ul>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Cellen beschikken over <\/span><strong>enzymen<\/strong><span style=\"font-weight: 400;\"> die beschadigd DNA opsporen en repareren.<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Ernstige schade kan leiden tot <\/span><strong>apoptose<\/strong><span style=\"font-weight: 400;\"> (geprogrammeerde celdood) om te voorkomen dat fouten worden doorgegeven.<\/span><\/li>\r\n<\/ul>\r\n<p><strong>Mutaties en kanker<\/strong><\/p>\r\n<ul>\r\n<li style=\"font-weight: 400;\"><strong>Kanker<\/strong><span style=\"font-weight: 400;\"> ontstaat vaak door opeenstapeling van mutaties in genen die celdeling reguleren (<\/span><strong>proto-oncogenen<\/strong><span style=\"font-weight: 400;\">, <\/span><strong>tumorsuppressorgenen<\/strong><span style=\"font-weight: 400;\">).<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Mutaties kunnen leiden tot ongecontroleerde celgroei en uitzaaiing (<\/span><strong>metastase<\/strong><span style=\"font-weight: 400;\">).<\/span><span style=\"font-weight: 400;\"><br \/><br \/><\/span><\/li>\r\n<\/ul>\r\n`,\r\n              terms: [\r\n                  \"Mutatie \u2013 blijvende verandering in DNA\",\r\n                  \"Mutageen \u2013 factor die mutaties veroorzaakt\",\r\n                  \"Genmutatie \u2013 verandering in \u00e9\u00e9n gen (substitutie, insertie, deletie)\",\r\n                  \"Chromosoommutatie \u2013 verandering in chromosoomstructuur\",\r\n                  \"Genoommutatie \u2013 verandering in chromosoomaantal\",\r\n                  \"Frameshift \u2013 verschuiving van het leesraam\",\r\n                  \"Proto-oncogen \u2013 gen dat normale celdeling stimuleert\",\r\n                  \"Tumorsuppressorgen \u2013 gen dat celdeling remt\",\r\n                  \"Apoptose \u2013 geprogrammeerde celdood\"\r\n              ],\r\n              moreTermsUrl: \"http:\/\/begrippen.biologiehuis.com:3000\/index.html\",\r\n              tldr: \"Mutaties zijn veranderingen in de DNA-volgorde die spontaan of door mutagene invloeden kunnen ontstaan. Ze vari\u00ebren van kleine genmutaties tot grote chromosoom- en genoommutaties. De effecten lopen uiteen van neutraal tot ernstig nadelig of zelfs voordelig. Mutaties spelen een rol bij erfelijke ziekten, kanker \u00e9n evolutie.\"\r\n          },\r\n\r\n          {\r\n              id: 6,\r\n              title: \"DNA-technieken\",\r\n              subtitle: \"Hoe kunnen wetenschappers DNA onderzoeken, knippen, plakken en veranderen?\",\r\n              image: \"https:\/\/biologiehuis.com\/wp-content\/uploads\/2025\/12\/ChatGPT-Image-26-dec-2025-22_05_25.png\",\r\n              summary: `\r\n<p><span style=\"font-weight: 400;\">Met moderne <\/span><strong>DNA-technieken<\/strong><span style=\"font-weight: 400;\"> kunnen biologen de <\/span><strong>structuur<\/strong><span style=\"font-weight: 400;\">, <\/span><strong>volgorde<\/strong><span style=\"font-weight: 400;\"> en <\/span><strong>functie<\/strong><span style=\"font-weight: 400;\"> van DNA onderzoeken &eacute;n aanpassen. Deze technieken hebben toepassingen in <\/span><strong>medisch onderzoek<\/strong><span style=\"font-weight: 400;\">, <\/span><strong>geneeskunde<\/strong><span style=\"font-weight: 400;\">, <\/span><strong>forensisch onderzoek<\/strong><span style=\"font-weight: 400;\">, <\/span><strong>landbouw<\/strong><span style=\"font-weight: 400;\"> en <\/span><strong>biotechnologie<\/strong><span style=\"font-weight: 400;\">.<\/span><\/p>\r\n<ol>\r\n<li><strong> DNA-isolatie en analyse<\/strong><\/li>\r\n<\/ol>\r\n<ul>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Uit cellen kan DNA worden <\/span><strong>ge&iuml;soleerd<\/strong><span style=\"font-weight: 400;\"> (vrijgemaakt).<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Vervolgens kan de <\/span><strong>DNA-volgorde<\/strong><span style=\"font-weight: 400;\"> worden bepaald via <\/span><strong>sequencing<\/strong><span style=\"font-weight: 400;\">.<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Het vergelijken van DNA-profielen kan verwantschappen aantonen of personen identificeren (forensisch onderzoek).<\/span><\/li>\r\n<\/ul>\r\n<ol start=\"2\">\r\n<li><strong> Knippen en plakken van DNA<\/strong><\/li>\r\n<\/ol>\r\n<ul>\r\n<li style=\"font-weight: 400;\"><strong>Restrictie-enzymen<\/strong><span style=\"font-weight: 400;\">: eiwitten die DNA op specifieke sequenties knippen.<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><strong>Ligase<\/strong><span style=\"font-weight: 400;\">: enzym dat DNA-fragmenten weer aan elkaar plakt.<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><strong>Plasmiden<\/strong><span style=\"font-weight: 400;\">: worden vaak gebruikt als vectoren om DNA in bacteri&euml;n te brengen.<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><strong>Recombinant-DNA-techniek<\/strong><span style=\"font-weight: 400;\">: techniek waarbij DNA van verschillende organismen wordt gecombineerd.<\/span><span style=\"font-weight: 400;\"><br \/><br \/><\/span><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Voorbeeld: bacteri&euml;n maken <\/span><strong>menselijk insuline<\/strong><span style=\"font-weight: 400;\"> door het insuline-gen in hun plasmide te krijgen.<\/span><\/li>\r\n<\/ul>\r\n<\/ul>\r\n<ol start=\"3\">\r\n<li><strong> Kopi&euml;ren van DNA<\/strong><\/li>\r\n<\/ol>\r\n<ul>\r\n<li style=\"font-weight: 400;\"><strong>PCR<\/strong><span style=\"font-weight: 400;\"> (<\/span><strong>Polymerase Chain Reaction<\/strong><span style=\"font-weight: 400;\">): techniek om een specifiek DNA-fragment in korte tijd miljoenen keren te kopi&euml;ren.<\/span><span style=\"font-weight: 400;\"><br \/><br \/><\/span><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Toepassingen: forensisch onderzoek, diagnose van erfelijke ziekten, opsporen van ziekteverwekkers.<\/span><\/li>\r\n<\/ul>\r\n<\/ul>\r\n<ol start=\"4\">\r\n<li><strong> Scheiden van DNA-fragmenten<\/strong><\/li>\r\n<\/ol>\r\n<ul>\r\n<li style=\"font-weight: 400;\"><strong>Elektroforese<\/strong><span style=\"font-weight: 400;\">: scheiden van DNA-fragmenten op grootte in een gel met behulp van een elektrisch veld.<\/span><span style=\"font-weight: 400;\"><br \/><br \/><\/span><\/li>\r\n<ul>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Kleine fragmenten bewegen sneller en verder dan grote.<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Resultaat: een patroon van DNA-banden (DNA-profiel).<\/span><\/li>\r\n<\/ul>\r\n<\/ul>\r\n<ol start=\"5\">\r\n<li><strong> Genetische modificatie<\/strong><\/li>\r\n<\/ol>\r\n<ul>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Het gericht veranderen van het DNA van een organisme.<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Doel: nieuwe eigenschappen geven, zoals resistentie tegen ziekten of verbeterde opbrengst.<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><strong>Transgene organismen<\/strong><span style=\"font-weight: 400;\">: organismen die DNA van een andere soort hebben gekregen.<\/span><\/li>\r\n<\/ul>\r\n<ol start=\"6\">\r\n<li><strong> CRISPR-Cas-techniek<\/strong><\/li>\r\n<\/ol>\r\n<ul>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Nieuwe, nauwkeurige methode om DNA te <\/span><strong>knippen<\/strong><span style=\"font-weight: 400;\"> en te <\/span><strong>vervangen<\/strong><span style=\"font-weight: 400;\">.<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Gebaseerd op een afweersysteem van bacteri&euml;n tegen virussen.<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Toepassingen: onderzoek naar genfunctie, behandeling van genetische ziekten.<\/span><\/li>\r\n<\/ul>\r\n<p><strong>Toepassingen van DNA-technieken<\/strong><\/p>\r\n<ul>\r\n<li style=\"font-weight: 400;\"><strong>Geneeskunde<\/strong><span style=\"font-weight: 400;\">: productie van medicijnen (bijv. insuline), gentherapie.<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><strong>Landbouw<\/strong><span style=\"font-weight: 400;\">: ontwikkelen van gewassen met hogere opbrengst of resistentie.<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><strong>Forensisch onderzoek<\/strong><span style=\"font-weight: 400;\">: identificatie via DNA-profielen.<\/span><\/li>\r\n<li style=\"font-weight: 400;\"><strong>Onderzoek<\/strong><span style=\"font-weight: 400;\">: bestuderen van genexpressie, evolutie, ziektemechanismen.<\/span><span style=\"font-weight: 400;\"><br \/><br \/><\/span><\/li>\r\n<\/ul>\r\n`,\r\n              terms: [\r\n                  \"DNA-isolatie \u2013 vrijmaken van DNA uit cellen\",\r\n                  \"Sequencing \u2013 bepalen van de DNA-volgorde\",\r\n                  \"Restrictie-enzym \u2013 knipt DNA op specifieke plekken\",\r\n                  \"Ligase \u2013 plakt DNA-fragmenten aan elkaar\",\r\n                  \"Plasmide \u2013 klein circulair DNA-molecuul in bacteri\u00ebn, gebruikt als vector\",\r\n                  \"Recombinant-DNA-techniek \u2013 combineren van DNA uit verschillende bronnen\",\r\n                  \"PCR \u2013 techniek om DNA te vermenigvuldigen\",\r\n                  \"Elektroforese \u2013 scheiden van DNA op grootte\",\r\n                  \"Genetische modificatie \u2013 veranderen van DNA voor nieuwe eigenschappen\",\r\n                  \"CRISPR-Cas \u2013 precieze DNA-bewerkingsmethode\"\r\n              ],\r\n              moreTermsUrl: \"http:\/\/begrippen.biologiehuis.com:3000\/index.html\",\r\n              tldr: \"Met DNA-technieken kunnen wetenschappers DNA isoleren, analyseren, knippen, plakken, kopi\u00ebren, scheiden en gericht veranderen. Toepassingen vari\u00ebren van medische behandelingen tot landbouwverbetering en forensisch onderzoek. Nieuwe technieken zoals CRISPR-Cas maken het mogelijk om DNA uiterst nauwkeurig te bewerken, wat grote kansen \u00e9n ethische vragen oplevert.\"\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":[38],"class_list":["post-859","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/biologiehuis.com\/index.php?rest_route=\/wp\/v2\/pages\/859","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=859"}],"version-history":[{"count":29,"href":"https:\/\/biologiehuis.com\/index.php?rest_route=\/wp\/v2\/pages\/859\/revisions"}],"predecessor-version":[{"id":3217,"href":"https:\/\/biologiehuis.com\/index.php?rest_route=\/wp\/v2\/pages\/859\/revisions\/3217"}],"wp:attachment":[{"href":"https:\/\/biologiehuis.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=859"}],"wp:term":[{"taxonomy":"folder","embeddable":true,"href":"https:\/\/biologiehuis.com\/index.php?rest_route=%2Fwp%2Fv2%2Ffolder&post=859"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}