Leeftijdsberekeningstool<\/title>\n <style>\n body {\n font-family: 'Helvetica Neue', Arial, sans-serif;\n background-color: #ffffff;\n color: #333333;\n padding: 20px;\n max-width: 600px;\n margin: auto;\n }\n .container {\n background-color: #f8f9fa;\n border-radius: 12px;\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\n padding: 30px;\n }\n h2 {\n text-align: center;\n color: #007bff;\n font-size: 1.75em; \/* Titelgrootte aangepast *\/\n margin-bottom: 20px;\n }\n label {\n font-weight: bold;\n margin-top: 10px;\n display: block;\n color: #333;\n }\n input[type=\"date\"] {\n padding: 8px;\n width: calc(100% - 20px);\n margin: 5px 0;\n border: 1px solid #ccc;\n border-radius: 8px;\n font-size: 1em;\n color: #333;\n background-color: #fff;\n }\n button {\n padding: 10px 15px;\n color: #fff;\n background-color: #007bff;\n border: none;\n border-radius: 8px;\n cursor: pointer;\n font-size: 1em;\n margin-top: 15px;\n display: block;\n width: 100%;\n box-sizing: border-box;\n }\n button:hover {\n background-color: #0056b3;\n }\n .results {\n margin-top: 20px;\n padding: 15px;\n background-color: #e9ecef;\n border-radius: 8px;\n color: #333;\n font-size: 1em;\n }\n .results h3 {\n margin-bottom: 10px;\n }\n .results p {\n margin: 10px 0;\n font-size: 1.1em;\n font-weight: bold;\n }\n .result-section {\n margin-bottom: 20px;\n }\n <\/style>\n<\/head>\n<body>\n\n<div class=\"container\">\n <h2>Leeftijdsberekeningstool<\/h2>\n\n <label for=\"dob\">Geboortedatum van verdachte:<\/label>\n <input type=\"date\" id=\"dob\">\n\n <label for=\"pleegdatum\">Datum van het plegen van het feit:<\/label>\n <input type=\"date\" id=\"pleegdatum\">\n\n <label for=\"zittingsdatum\">Zittingsdatum:<\/label>\n <input type=\"date\" id=\"zittingsdatum\">\n\n <button type=\"button\" onclick=\"berekenLeeftijden()\">Bereken leeftijd(en)<\/button>\n\n <div class=\"results\">\n <div class=\"result-section\">\n <h3>Leeftijd op de pleegdatum:<\/h3>\n <p id=\"leeftijd-pleegdatum\">Nog niet berekend<\/p>\n <\/div>\n <div class=\"result-section\">\n <h3>Leeftijd op de zittingsdatum:<\/h3>\n <p id=\"leeftijd-zittingsdatum\">Nog niet berekend<\/p>\n <\/div>\n <\/div>\n<\/div>\n\n<script>\n function berekenLeeftijden() {\n const dob = new Date(document.getElementById('dob').value);\n const pleegdatum = new Date(document.getElementById('pleegdatum').value);\n const zittingsdatum = new Date(document.getElementById('zittingsdatum').value);\n\n const leeftijdOpPlegdatum = document.getElementById('leeftijd-pleegdatum');\n const leeftijdOpZittingsdatum = document.getElementById('leeftijd-zittingsdatum');\n\n if (isNaN(dob.getTime()) || isNaN(pleegdatum.getTime()) || isNaN(zittingsdatum.getTime())) {\n leeftijdOpPlegdatum.textContent = 'Vul alstublieft de geboortedatum, pleegdatum en zittingsdatum correct in.';\n leeftijdOpZittingsdatum.textContent = '';\n return;\n }\n\n leeftijdOpPlegdatum.textContent = berekenExacteLeeftijd(dob, pleegdatum);\n leeftijdOpZittingsdatum.textContent = berekenExacteLeeftijd(dob, zittingsdatum);\n }\n\n function berekenExacteLeeftijd(dob, datum) {\n let jaren = datum.getFullYear() - dob.getFullYear();\n let maanden = datum.getMonth() - dob.getMonth();\n let dagen = datum.getDate() - dob.getDate();\n\n if (dagen < 0) {\n maanden--;\n dagen += new Date(datum.getFullYear(), datum.getMonth(), 0).getDate();\n }\n if (maanden < 0) {\n jaren--;\n maanden += 12;\n }\n\n return `${jaren} jaar, ${maanden} maand(en), en ${dagen} dag(en) oud`;\n }\n<\/script>\n\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Leeftijdsberekeningstool Leeftijdsberekeningstool Geboortedatum van verdachte: Datum van het plegen van het feit: Zittingsdatum: Bereken leeftijd(en) Leeftijd op de pleegdatum: Nog niet berekend Leeftijd op de zittingsdatum: Nog niet berekend<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"page-templates\/full-width-page.php","meta":{"footnotes":""},"class_list":["post-220","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/daywork.nl\/index.php\/wp-json\/wp\/v2\/pages\/220","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/daywork.nl\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/daywork.nl\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/daywork.nl\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/daywork.nl\/index.php\/wp-json\/wp\/v2\/comments?post=220"}],"version-history":[{"count":6,"href":"https:\/\/daywork.nl\/index.php\/wp-json\/wp\/v2\/pages\/220\/revisions"}],"predecessor-version":[{"id":326,"href":"https:\/\/daywork.nl\/index.php\/wp-json\/wp\/v2\/pages\/220\/revisions\/326"}],"wp:attachment":[{"href":"https:\/\/daywork.nl\/index.php\/wp-json\/wp\/v2\/media?parent=220"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n \n<\/div>\n\n\n\n\n\n \n \n Leeftijdsberekeningstool<\/title>\n <style>\n body {\n font-family: 'Helvetica Neue', Arial, sans-serif;\n background-color: #ffffff;\n color: #333333;\n padding: 20px;\n max-width: 600px;\n margin: auto;\n }\n .container {\n background-color: #f8f9fa;\n border-radius: 12px;\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);\n padding: 30px;\n }\n h2 {\n text-align: center;\n color: #007bff;\n font-size: 1.75em; \/* Titelgrootte aangepast *\/\n margin-bottom: 20px;\n }\n label {\n font-weight: bold;\n margin-top: 10px;\n display: block;\n color: #333;\n }\n input[type=\"date\"] {\n padding: 8px;\n width: calc(100% - 20px);\n margin: 5px 0;\n border: 1px solid #ccc;\n border-radius: 8px;\n font-size: 1em;\n color: #333;\n background-color: #fff;\n }\n button {\n padding: 10px 15px;\n color: #fff;\n background-color: #007bff;\n border: none;\n border-radius: 8px;\n cursor: pointer;\n font-size: 1em;\n margin-top: 15px;\n display: block;\n width: 100%;\n box-sizing: border-box;\n }\n button:hover {\n background-color: #0056b3;\n }\n .results {\n margin-top: 20px;\n padding: 15px;\n background-color: #e9ecef;\n border-radius: 8px;\n color: #333;\n font-size: 1em;\n }\n .results h3 {\n margin-bottom: 10px;\n }\n .results p {\n margin: 10px 0;\n font-size: 1.1em;\n font-weight: bold;\n }\n .result-section {\n margin-bottom: 20px;\n }\n <\/style>\n<\/head>\n<body>\n\n<div class=\"container\">\n <h2>Leeftijdsberekeningstool<\/h2>\n\n <label for=\"dob\">Geboortedatum van verdachte:<\/label>\n <input type=\"date\" id=\"dob\">\n\n <label for=\"pleegdatum\">Datum van het plegen van het feit:<\/label>\n <input type=\"date\" id=\"pleegdatum\">\n\n <label for=\"zittingsdatum\">Zittingsdatum:<\/label>\n <input type=\"date\" id=\"zittingsdatum\">\n\n <button type=\"button\" onclick=\"berekenLeeftijden()\">Bereken leeftijd(en)<\/button>\n\n <div class=\"results\">\n <div class=\"result-section\">\n <h3>Leeftijd op de pleegdatum:<\/h3>\n <p id=\"leeftijd-pleegdatum\">Nog niet berekend<\/p>\n <\/div>\n <div class=\"result-section\">\n <h3>Leeftijd op de zittingsdatum:<\/h3>\n <p id=\"leeftijd-zittingsdatum\">Nog niet berekend<\/p>\n <\/div>\n <\/div>\n<\/div>\n\n<script>\n function berekenLeeftijden() {\n const dob = new Date(document.getElementById('dob').value);\n const pleegdatum = new Date(document.getElementById('pleegdatum').value);\n const zittingsdatum = new Date(document.getElementById('zittingsdatum').value);\n\n const leeftijdOpPlegdatum = document.getElementById('leeftijd-pleegdatum');\n const leeftijdOpZittingsdatum = document.getElementById('leeftijd-zittingsdatum');\n\n if (isNaN(dob.getTime()) || isNaN(pleegdatum.getTime()) || isNaN(zittingsdatum.getTime())) {\n leeftijdOpPlegdatum.textContent = 'Vul alstublieft de geboortedatum, pleegdatum en zittingsdatum correct in.';\n leeftijdOpZittingsdatum.textContent = '';\n return;\n }\n\n leeftijdOpPlegdatum.textContent = berekenExacteLeeftijd(dob, pleegdatum);\n leeftijdOpZittingsdatum.textContent = berekenExacteLeeftijd(dob, zittingsdatum);\n }\n\n function berekenExacteLeeftijd(dob, datum) {\n let jaren = datum.getFullYear() - dob.getFullYear();\n let maanden = datum.getMonth() - dob.getMonth();\n let dagen = datum.getDate() - dob.getDate();\n\n if (dagen < 0) {\n maanden--;\n dagen += new Date(datum.getFullYear(), datum.getMonth(), 0).getDate();\n }\n if (maanden < 0) {\n jaren--;\n maanden += 12;\n }\n\n return `${jaren} jaar, ${maanden} maand(en), en ${dagen} dag(en) oud`;\n }\n<\/script>\n\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Leeftijdsberekeningstool Leeftijdsberekeningstool Geboortedatum van verdachte: Datum van het plegen van het feit: Zittingsdatum: Bereken leeftijd(en) Leeftijd op de pleegdatum: Nog niet berekend Leeftijd op de zittingsdatum: Nog niet berekend<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"page-templates\/full-width-page.php","meta":{"footnotes":""},"class_list":["post-220","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/daywork.nl\/index.php\/wp-json\/wp\/v2\/pages\/220","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/daywork.nl\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/daywork.nl\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/daywork.nl\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/daywork.nl\/index.php\/wp-json\/wp\/v2\/comments?post=220"}],"version-history":[{"count":6,"href":"https:\/\/daywork.nl\/index.php\/wp-json\/wp\/v2\/pages\/220\/revisions"}],"predecessor-version":[{"id":326,"href":"https:\/\/daywork.nl\/index.php\/wp-json\/wp\/v2\/pages\/220\/revisions\/326"}],"wp:attachment":[{"href":"https:\/\/daywork.nl\/index.php\/wp-json\/wp\/v2\/media?parent=220"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}