Bankstelreiniging – Prijsberekening<\/title>\n <style>\n body {\n font-family: Arial, sans-serif;\n background: #eef2f5;\n display: flex;\n justify-content: center;\n align-items: center;\n min-height: 100vh;\n margin: 0;\n padding: 20px;\n }\n .tool {\n max-width: 550px;\n width: 100%;\n background: white;\n border-radius: 24px;\n padding: 24px;\n box-shadow: 0 8px 24px rgba(0,0,0,0.1);\n }\n h2 {\n color: #1e3c4c;\n margin-top: 0;\n font-size: 1.6rem;\n }\n .subtitel {\n color: #5f7f8f;\n margin-bottom: 24px;\n border-left: 4px solid #f4b942;\n padding-left: 12px;\n }\n .bank-groep {\n display: flex;\n flex-direction: column;\n gap: 10px;\n margin-bottom: 24px;\n }\n .bank-optie {\n background: #f4f7fa;\n border: 2px solid #dce5ec;\n border-radius: 60px;\n padding: 12px 16px;\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n font-weight: bold;\n transition: all 0.2s;\n }\n .bank-optie:hover {\n background: #e9f0f5;\n }\n .bank-optie.selected {\n background: #1e3c4c;\n border-color: #1e3c4c;\n color: white;\n }\n .prijs {\n font-weight: normal;\n }\n .extra-groep {\n background: #f9fbfd;\n border-radius: 20px;\n padding: 16px;\n margin: 20px 0;\n border: 1px solid #e0ecf2;\n }\n .extra-item {\n margin: 12px 0;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n .extra-item label {\n cursor: pointer;\n }\n .km-blok {\n margin-left: 28px;\n margin-top: 8px;\n display: none;\n }\n .km-blok input {\n padding: 8px;\n width: 120px;\n border-radius: 20px;\n border: 1px solid #ccc;\n }\n .resultaat {\n background: #fff7e8;\n border-radius: 20px;\n padding: 16px;\n margin-top: 20px;\n border-left: 5px solid #f4b942;\n }\n .rij {\n display: flex;\n justify-content: space-between;\n padding: 8px 0;\n }\n .totaal {\n font-weight: bold;\n font-size: 1.3rem;\n border-top: 2px dashed #e0c8a0;\n margin-top: 8px;\n padding-top: 12px;\n }\n .btw-note {\n font-size: 0.75rem;\n color: #6b7c86;\n text-align: center;\n margin-top: 12px;\n }\n button {\n background: none;\n border: 1px solid #ccc;\n padding: 6px 14px;\n border-radius: 30px;\n cursor: pointer;\n margin-top: 12px;\n }\n hr {\n margin: 16px 0;\n border: none;\n border-top: 1px solid #e2e8f0;\n }\n <\/style>\n<\/head>\n<body>\n<div class=\"tool\">\n <h2>\ud83e\uddfc Bankstelreiniging<\/h2>\n <div class=\"subtitel\">Sproei-extractie \u2022 prijzen exclusief 21% BTW<\/div>\n\n \n <div class=\"bank-groep\" id=\"bankLijst\">\n <div class=\"bank-optie\" data-bank=\"2zits\" data-prijs=\"75\">\n \ud83d\udecb\ufe0f 2-zits bank <span class=\"prijs\">\u20ac75<\/span>\n <\/div>\n <div class=\"bank-optie selected\" data-bank=\"3zits\" data-prijs=\"97\">\n \ud83d\udecb\ufe0f 3-zits bank <span class=\"prijs\">\u20ac97<\/span>\n <\/div>\n <div class=\"bank-optie\" data-bank=\"4zits\" data-prijs=\"122\">\n \ud83d\udecb\ufe0f 4-zits bank <span class=\"prijs\">\u20ac122<\/span>\n <\/div>\n <div class=\"bank-optie\" data-bank=\"hoek5\" data-prijs=\"155\">\n \ud83d\udecb\ufe0f Hoekbank (5 zitplaatsen) <span class=\"prijs\">\u20ac155<\/span>\n <\/div>\n <div class=\"bank-optie\" data-bank=\"hoek6\" data-prijs=\"190\">\n \ud83d\udecb\ufe0f Hoekbank (6+ zitplaatsen) <span class=\"prijs\">\u20ac190<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"extra-groep\">\n <div class=\"extra-item\">\n <input type=\"checkbox\" id=\"hevigCheck\"> \n <label>\ud83e\uddf4 Hevige vervuiling \/ huisdieren (+ \u20ac25)<\/label>\n <\/div>\n <div class=\"extra-item\">\n <input type=\"checkbox\" id=\"desinfectieCheck\"> \n <label>\ud83e\udda0 Anti-bacterieel \/ desinfectie (+ \u20ac18)<\/label>\n <\/div>\n <div class=\"extra-item\">\n <input type=\"checkbox\" id=\"reiskostenCheck\"> \n <label>\ud83d\ude97 Reiskosten (>15 km) \u2014 \u20ac0,35\/km<\/label>\n <\/div>\n <div id=\"kmBlok\" class=\"km-blok\">\n <input type=\"number\" id=\"kmInput\" placeholder=\"Aantal km (enkele reis)\" value=\"20\" step=\"1\" min=\"16\">\n <div style=\"font-size:12px; margin-top:4px;\">* alleen boven 15 km<\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"resultaat\">\n <div class=\"rij\">\n <span>Banktype:<\/span>\n <span id=\"bankNaam\">3-zits bank<\/span>\n <\/div>\n <div class=\"rij\">\n <span>Basisprijs:<\/span>\n <span id=\"basisBedrag\">\u20ac97,00<\/span>\n <\/div>\n <div id=\"extraRegels\"><\/div>\n <div class=\"rij totaal\">\n <span>Totaal excl. BTW:<\/span>\n <span id=\"totaalExcl\">\u20ac97,00<\/span>\n <\/div>\n <div class=\"rij\">\n <span>+ 21% BTW:<\/span>\n <span id=\"btwBedrag\">\u20ac20,37<\/span>\n <\/div>\n <div class=\"rij totaal\">\n <span> Totaal incl. BTW:<\/span>\n <span id=\"totaalIncl\">\u20ac117,37<\/span>\n <\/div>\n <div class=\"btw-note\">\n Alle prijzen exclusief 21% BTW. Inclusief voorreinigen, vlekbehandeling, sproei-extractie & ontgeuring.\n <\/div>\n <\/div>\n \n <div style=\"text-align: right;\">\n <button id=\"resetKnop\">\u27f3 Reset<\/button>\n <\/div>\n<\/div>\n\n<script>\n \/\/ Huidige staat\n let huidigeBank = \"3zits\";\n let huidigePrijs = 97;\n let hevigActief = false;\n let desinfectieActief = false;\n let reiskostenActief = false;\n let afstandKm = 20;\n\n \/\/ DOM elementen\n const bankOpties = document.querySelectorAll('.bank-optie');\n const hevigCheck = document.getElementById('hevigCheck');\n const desinfectieCheck = document.getElementById('desinfectieCheck');\n const reiskostenCheck = document.getElementById('reiskostenCheck');\n const kmBlok = document.getElementById('kmBlok');\n const kmInput = document.getElementById('kmInput');\n const resetKnop = document.getElementById('resetKnop');\n \n const bankNaamSpan = document.getElementById('bankNaam');\n const basisBedragSpan = document.getElementById('basisBedrag');\n const extraRegelsDiv = document.getElementById('extraRegels');\n const totaalExclSpan = document.getElementById('totaalExcl');\n const btwBedragSpan = document.getElementById('btwBedrag');\n const totaalInclSpan = document.getElementById('totaalIncl');\n\n \/\/ Functie om alles te updaten\n function updateAlles() {\n \/\/ Basisprijs en banknaam\n let bankDisplay = \"\";\n if (huidigeBank === \"2zits\") bankDisplay = \"2-zits bank\";\n else if (huidigeBank === \"3zits\") bankDisplay = \"3-zits bank\";\n else if (huidigeBank === \"4zits\") bankDisplay = \"4-zits bank\";\n else if (huidigeBank === \"hoek5\") bankDisplay = \"Hoekbank (5 zitplaatsen)\";\n else bankDisplay = \"Hoekbank (6+ zitplaatsen)\";\n \n bankNaamSpan.innerText = bankDisplay;\n basisBedragSpan.innerText = `\u20ac${huidigePrijs.toFixed(2)}`;\n \n \/\/ Extra's berekenen\n let extraTotaal = 0;\n let extraHtml = \"\";\n \n if (hevigActief) {\n extraTotaal += 25;\n extraHtml += `<div class=\"rij\"><span>\u2795 Hevige vervuiling:<\/span><span>+ \u20ac25,00<\/span><\/div>`;\n }\n if (desinfectieActief) {\n extraTotaal += 18;\n extraHtml += `<div class=\"rij\"><span>\u2795 Desinfectie:<\/span><span>+ \u20ac18,00<\/span><\/div>`;\n }\n \n let reiskostenBedrag = 0;\n if (reiskostenActief && afstandKm > 15) {\n reiskostenBedrag = afstandKm * 0.35;\n extraTotaal += reiskostenBedrag;\n extraHtml += `<div class=\"rij\"><span>\u2795 Reiskosten (${afstandKm} km \u00d7 \u20ac0,35):<\/span><span>+ \u20ac${reiskostenBedrag.toFixed(2)}<\/span><\/div>`;\n } else if (reiskostenActief && afstandKm <= 15) {\n extraHtml += `<div class=\"rij\"><span>\u2795 Reiskosten:<\/span><span>gratis (\u226415 km)<\/span><\/div>`;\n }\n \n if (extraHtml === \"\") {\n extraHtml = `<div class=\"rij\"><span>Extra's:<\/span><span>Geen<\/span><\/div>`;\n }\n extraRegelsDiv.innerHTML = extraHtml;\n \n \/\/ Totaal excl BTW\n let totaalExcl = huidigePrijs + extraTotaal;\n totaalExclSpan.innerText = `\u20ac${totaalExcl.toFixed(2)}`;\n \n \/\/ BTW en totaal incl\n let btw = totaalExcl * 0.21;\n btwBedragSpan.innerText = `\u20ac${btw.toFixed(2)}`;\n let totaalIncl = totaalExcl + btw;\n totaalInclSpan.innerText = `\u20ac${totaalIncl.toFixed(2)}`;\n }\n\n \/\/ Bank selectie\n bankOpties.forEach(optie => {\n optie.addEventListener('click', function() {\n \/\/ Verwijder selected class van alle bankopties\n bankOpties.forEach(btn => btn.classList.remove('selected'));\n this.classList.add('selected');\n \n \/\/ Bepaal welke bank\n const bankType = this.getAttribute('data-bank');\n const bankPrijs = parseFloat(this.getAttribute('data-prijs'));\n huidigeBank = bankType;\n huidigePrijs = bankPrijs;\n updateAlles();\n });\n });\n \n \/\/ Checkboxes\n hevigCheck.addEventListener('change', function(e) {\n hevigActief = e.target.checked;\n updateAlles();\n });\n desinfectieCheck.addEventListener('change', function(e) {\n desinfectieActief = e.target.checked;\n updateAlles();\n });\n reiskostenCheck.addEventListener('change', function(e) {\n reiskostenActief = e.target.checked;\n if (reiskostenActief) {\n kmBlok.style.display = \"block\";\n afstandKm = parseFloat(kmInput.value) || 20;\n } else {\n kmBlok.style.display = \"none\";\n afstandKm = 0;\n }\n updateAlles();\n });\n \n \/\/ Km invoer\n kmInput.addEventListener('input', function(e) {\n let waarde = parseFloat(e.target.value);\n if (isNaN(waarde)) waarde = 16;\n if (waarde < 16) waarde = 16;\n afstandKm = waarde;\n kmInput.value = waarde;\n if (reiskostenActief) updateAlles();\n });\n \n \/\/ Reset alles\n resetKnop.addEventListener('click', function() {\n \/\/ Reset bank naar 3-zits\n bankOpties.forEach(btn => btn.classList.remove('selected'));\n const defaultBank = document.querySelector('.bank-optie[data-bank=\"3zits\"]');\n if (defaultBank) defaultBank.classList.add('selected');\n huidigeBank = \"3zits\";\n huidigePrijs = 97;\n \n \/\/ Reset checkboxes\n hevigCheck.checked = false;\n desinfectieCheck.checked = false;\n reiskostenCheck.checked = false;\n hevigActief = false;\n desinfectieActief = false;\n reiskostenActief = false;\n \n \/\/ Reset km\n kmBlok.style.display = \"none\";\n kmInput.value = 20;\n afstandKm = 20;\n \n updateAlles();\n });\n \n \/\/ Eerste update\n updateAlles();\n<\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Bankstelreiniging – Prijsberekening \ud83e\uddfc Bankstelreiniging Sproei-extractie \u2022 prijzen exclusief 21% BTW \ud83d\udecb\ufe0f 2-zits bank \u20ac75 \ud83d\udecb\ufe0f 3-zits bank \u20ac97 \ud83d\udecb\ufe0f 4-zits bank \u20ac122 \ud83d\udecb\ufe0f Hoekbank (5 zitplaatsen) \u20ac155 \ud83d\udecb\ufe0f Hoekbank (6+ zitplaatsen) \u20ac190 \ud83e\uddf4 Hevige vervuiling \/ huisdieren (+ \u20ac25) \ud83e\udda0 Anti-bacterieel \/ desinfectie (+ \u20ac18) \ud83d\ude97 Reiskosten (>15 km) \u2014 \u20ac0,35\/km * alleen boven […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-125","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/test.bankstelherstel.nl\/index.php\/wp-json\/wp\/v2\/pages\/125","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/test.bankstelherstel.nl\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/test.bankstelherstel.nl\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/test.bankstelherstel.nl\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/test.bankstelherstel.nl\/index.php\/wp-json\/wp\/v2\/comments?post=125"}],"version-history":[{"count":6,"href":"https:\/\/test.bankstelherstel.nl\/index.php\/wp-json\/wp\/v2\/pages\/125\/revisions"}],"predecessor-version":[{"id":145,"href":"https:\/\/test.bankstelherstel.nl\/index.php\/wp-json\/wp\/v2\/pages\/125\/revisions\/145"}],"wp:attachment":[{"href":"https:\/\/test.bankstelherstel.nl\/index.php\/wp-json\/wp\/v2\/media?parent=125"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":125,"date":"2026-04-06T21:30:43","date_gmt":"2026-04-06T19:30:43","guid":{"rendered":"https:\/\/test.bankstelherstel.nl\/?page_id=125"},"modified":"2026-04-06T23:32:05","modified_gmt":"2026-04-06T21:32:05","slug":"125-2","status":"publish","type":"page","link":"https:\/\/test.bankstelherstel.nl\/index.php\/125-2\/","title":{"rendered":"bankstellen"},"content":{"rendered":"\n\n\n\n \n \n Bankstelreiniging – Prijsberekening<\/title>\n <style>\n body {\n font-family: Arial, sans-serif;\n background: #eef2f5;\n display: flex;\n justify-content: center;\n align-items: center;\n min-height: 100vh;\n margin: 0;\n padding: 20px;\n }\n .tool {\n max-width: 550px;\n width: 100%;\n background: white;\n border-radius: 24px;\n padding: 24px;\n box-shadow: 0 8px 24px rgba(0,0,0,0.1);\n }\n h2 {\n color: #1e3c4c;\n margin-top: 0;\n font-size: 1.6rem;\n }\n .subtitel {\n color: #5f7f8f;\n margin-bottom: 24px;\n border-left: 4px solid #f4b942;\n padding-left: 12px;\n }\n .bank-groep {\n display: flex;\n flex-direction: column;\n gap: 10px;\n margin-bottom: 24px;\n }\n .bank-optie {\n background: #f4f7fa;\n border: 2px solid #dce5ec;\n border-radius: 60px;\n padding: 12px 16px;\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n font-weight: bold;\n transition: all 0.2s;\n }\n .bank-optie:hover {\n background: #e9f0f5;\n }\n .bank-optie.selected {\n background: #1e3c4c;\n border-color: #1e3c4c;\n color: white;\n }\n .prijs {\n font-weight: normal;\n }\n .extra-groep {\n background: #f9fbfd;\n border-radius: 20px;\n padding: 16px;\n margin: 20px 0;\n border: 1px solid #e0ecf2;\n }\n .extra-item {\n margin: 12px 0;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n .extra-item label {\n cursor: pointer;\n }\n .km-blok {\n margin-left: 28px;\n margin-top: 8px;\n display: none;\n }\n .km-blok input {\n padding: 8px;\n width: 120px;\n border-radius: 20px;\n border: 1px solid #ccc;\n }\n .resultaat {\n background: #fff7e8;\n border-radius: 20px;\n padding: 16px;\n margin-top: 20px;\n border-left: 5px solid #f4b942;\n }\n .rij {\n display: flex;\n justify-content: space-between;\n padding: 8px 0;\n }\n .totaal {\n font-weight: bold;\n font-size: 1.3rem;\n border-top: 2px dashed #e0c8a0;\n margin-top: 8px;\n padding-top: 12px;\n }\n .btw-note {\n font-size: 0.75rem;\n color: #6b7c86;\n text-align: center;\n margin-top: 12px;\n }\n button {\n background: none;\n border: 1px solid #ccc;\n padding: 6px 14px;\n border-radius: 30px;\n cursor: pointer;\n margin-top: 12px;\n }\n hr {\n margin: 16px 0;\n border: none;\n border-top: 1px solid #e2e8f0;\n }\n <\/style>\n<\/head>\n<body>\n<div class=\"tool\">\n <h2>\ud83e\uddfc Bankstelreiniging<\/h2>\n <div class=\"subtitel\">Sproei-extractie \u2022 prijzen exclusief 21% BTW<\/div>\n\n \n <div class=\"bank-groep\" id=\"bankLijst\">\n <div class=\"bank-optie\" data-bank=\"2zits\" data-prijs=\"75\">\n \ud83d\udecb\ufe0f 2-zits bank <span class=\"prijs\">\u20ac75<\/span>\n <\/div>\n <div class=\"bank-optie selected\" data-bank=\"3zits\" data-prijs=\"97\">\n \ud83d\udecb\ufe0f 3-zits bank <span class=\"prijs\">\u20ac97<\/span>\n <\/div>\n <div class=\"bank-optie\" data-bank=\"4zits\" data-prijs=\"122\">\n \ud83d\udecb\ufe0f 4-zits bank <span class=\"prijs\">\u20ac122<\/span>\n <\/div>\n <div class=\"bank-optie\" data-bank=\"hoek5\" data-prijs=\"155\">\n \ud83d\udecb\ufe0f Hoekbank (5 zitplaatsen) <span class=\"prijs\">\u20ac155<\/span>\n <\/div>\n <div class=\"bank-optie\" data-bank=\"hoek6\" data-prijs=\"190\">\n \ud83d\udecb\ufe0f Hoekbank (6+ zitplaatsen) <span class=\"prijs\">\u20ac190<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"extra-groep\">\n <div class=\"extra-item\">\n <input type=\"checkbox\" id=\"hevigCheck\"> \n <label>\ud83e\uddf4 Hevige vervuiling \/ huisdieren (+ \u20ac25)<\/label>\n <\/div>\n <div class=\"extra-item\">\n <input type=\"checkbox\" id=\"desinfectieCheck\"> \n <label>\ud83e\udda0 Anti-bacterieel \/ desinfectie (+ \u20ac18)<\/label>\n <\/div>\n <div class=\"extra-item\">\n <input type=\"checkbox\" id=\"reiskostenCheck\"> \n <label>\ud83d\ude97 Reiskosten (>15 km) \u2014 \u20ac0,35\/km<\/label>\n <\/div>\n <div id=\"kmBlok\" class=\"km-blok\">\n <input type=\"number\" id=\"kmInput\" placeholder=\"Aantal km (enkele reis)\" value=\"20\" step=\"1\" min=\"16\">\n <div style=\"font-size:12px; margin-top:4px;\">* alleen boven 15 km<\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"resultaat\">\n <div class=\"rij\">\n <span>Banktype:<\/span>\n <span id=\"bankNaam\">3-zits bank<\/span>\n <\/div>\n <div class=\"rij\">\n <span>Basisprijs:<\/span>\n <span id=\"basisBedrag\">\u20ac97,00<\/span>\n <\/div>\n <div id=\"extraRegels\"><\/div>\n <div class=\"rij totaal\">\n <span>Totaal excl. BTW:<\/span>\n <span id=\"totaalExcl\">\u20ac97,00<\/span>\n <\/div>\n <div class=\"rij\">\n <span>+ 21% BTW:<\/span>\n <span id=\"btwBedrag\">\u20ac20,37<\/span>\n <\/div>\n <div class=\"rij totaal\">\n <span> Totaal incl. BTW:<\/span>\n <span id=\"totaalIncl\">\u20ac117,37<\/span>\n <\/div>\n <div class=\"btw-note\">\n Alle prijzen exclusief 21% BTW. Inclusief voorreinigen, vlekbehandeling, sproei-extractie & ontgeuring.\n <\/div>\n <\/div>\n \n <div style=\"text-align: right;\">\n <button id=\"resetKnop\">\u27f3 Reset<\/button>\n <\/div>\n<\/div>\n\n<script>\n \/\/ Huidige staat\n let huidigeBank = \"3zits\";\n let huidigePrijs = 97;\n let hevigActief = false;\n let desinfectieActief = false;\n let reiskostenActief = false;\n let afstandKm = 20;\n\n \/\/ DOM elementen\n const bankOpties = document.querySelectorAll('.bank-optie');\n const hevigCheck = document.getElementById('hevigCheck');\n const desinfectieCheck = document.getElementById('desinfectieCheck');\n const reiskostenCheck = document.getElementById('reiskostenCheck');\n const kmBlok = document.getElementById('kmBlok');\n const kmInput = document.getElementById('kmInput');\n const resetKnop = document.getElementById('resetKnop');\n \n const bankNaamSpan = document.getElementById('bankNaam');\n const basisBedragSpan = document.getElementById('basisBedrag');\n const extraRegelsDiv = document.getElementById('extraRegels');\n const totaalExclSpan = document.getElementById('totaalExcl');\n const btwBedragSpan = document.getElementById('btwBedrag');\n const totaalInclSpan = document.getElementById('totaalIncl');\n\n \/\/ Functie om alles te updaten\n function updateAlles() {\n \/\/ Basisprijs en banknaam\n let bankDisplay = \"\";\n if (huidigeBank === \"2zits\") bankDisplay = \"2-zits bank\";\n else if (huidigeBank === \"3zits\") bankDisplay = \"3-zits bank\";\n else if (huidigeBank === \"4zits\") bankDisplay = \"4-zits bank\";\n else if (huidigeBank === \"hoek5\") bankDisplay = \"Hoekbank (5 zitplaatsen)\";\n else bankDisplay = \"Hoekbank (6+ zitplaatsen)\";\n \n bankNaamSpan.innerText = bankDisplay;\n basisBedragSpan.innerText = `\u20ac${huidigePrijs.toFixed(2)}`;\n \n \/\/ Extra's berekenen\n let extraTotaal = 0;\n let extraHtml = \"\";\n \n if (hevigActief) {\n extraTotaal += 25;\n extraHtml += `<div class=\"rij\"><span>\u2795 Hevige vervuiling:<\/span><span>+ \u20ac25,00<\/span><\/div>`;\n }\n if (desinfectieActief) {\n extraTotaal += 18;\n extraHtml += `<div class=\"rij\"><span>\u2795 Desinfectie:<\/span><span>+ \u20ac18,00<\/span><\/div>`;\n }\n \n let reiskostenBedrag = 0;\n if (reiskostenActief && afstandKm > 15) {\n reiskostenBedrag = afstandKm * 0.35;\n extraTotaal += reiskostenBedrag;\n extraHtml += `<div class=\"rij\"><span>\u2795 Reiskosten (${afstandKm} km \u00d7 \u20ac0,35):<\/span><span>+ \u20ac${reiskostenBedrag.toFixed(2)}<\/span><\/div>`;\n } else if (reiskostenActief && afstandKm <= 15) {\n extraHtml += `<div class=\"rij\"><span>\u2795 Reiskosten:<\/span><span>gratis (\u226415 km)<\/span><\/div>`;\n }\n \n if (extraHtml === \"\") {\n extraHtml = `<div class=\"rij\"><span>Extra's:<\/span><span>Geen<\/span><\/div>`;\n }\n extraRegelsDiv.innerHTML = extraHtml;\n \n \/\/ Totaal excl BTW\n let totaalExcl = huidigePrijs + extraTotaal;\n totaalExclSpan.innerText = `\u20ac${totaalExcl.toFixed(2)}`;\n \n \/\/ BTW en totaal incl\n let btw = totaalExcl * 0.21;\n btwBedragSpan.innerText = `\u20ac${btw.toFixed(2)}`;\n let totaalIncl = totaalExcl + btw;\n totaalInclSpan.innerText = `\u20ac${totaalIncl.toFixed(2)}`;\n }\n\n \/\/ Bank selectie\n bankOpties.forEach(optie => {\n optie.addEventListener('click', function() {\n \/\/ Verwijder selected class van alle bankopties\n bankOpties.forEach(btn => btn.classList.remove('selected'));\n this.classList.add('selected');\n \n \/\/ Bepaal welke bank\n const bankType = this.getAttribute('data-bank');\n const bankPrijs = parseFloat(this.getAttribute('data-prijs'));\n huidigeBank = bankType;\n huidigePrijs = bankPrijs;\n updateAlles();\n });\n });\n \n \/\/ Checkboxes\n hevigCheck.addEventListener('change', function(e) {\n hevigActief = e.target.checked;\n updateAlles();\n });\n desinfectieCheck.addEventListener('change', function(e) {\n desinfectieActief = e.target.checked;\n updateAlles();\n });\n reiskostenCheck.addEventListener('change', function(e) {\n reiskostenActief = e.target.checked;\n if (reiskostenActief) {\n kmBlok.style.display = \"block\";\n afstandKm = parseFloat(kmInput.value) || 20;\n } else {\n kmBlok.style.display = \"none\";\n afstandKm = 0;\n }\n updateAlles();\n });\n \n \/\/ Km invoer\n kmInput.addEventListener('input', function(e) {\n let waarde = parseFloat(e.target.value);\n if (isNaN(waarde)) waarde = 16;\n if (waarde < 16) waarde = 16;\n afstandKm = waarde;\n kmInput.value = waarde;\n if (reiskostenActief) updateAlles();\n });\n \n \/\/ Reset alles\n resetKnop.addEventListener('click', function() {\n \/\/ Reset bank naar 3-zits\n bankOpties.forEach(btn => btn.classList.remove('selected'));\n const defaultBank = document.querySelector('.bank-optie[data-bank=\"3zits\"]');\n if (defaultBank) defaultBank.classList.add('selected');\n huidigeBank = \"3zits\";\n huidigePrijs = 97;\n \n \/\/ Reset checkboxes\n hevigCheck.checked = false;\n desinfectieCheck.checked = false;\n reiskostenCheck.checked = false;\n hevigActief = false;\n desinfectieActief = false;\n reiskostenActief = false;\n \n \/\/ Reset km\n kmBlok.style.display = \"none\";\n kmInput.value = 20;\n afstandKm = 20;\n \n updateAlles();\n });\n \n \/\/ Eerste update\n updateAlles();\n<\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Bankstelreiniging – Prijsberekening \ud83e\uddfc Bankstelreiniging Sproei-extractie \u2022 prijzen exclusief 21% BTW \ud83d\udecb\ufe0f 2-zits bank \u20ac75 \ud83d\udecb\ufe0f 3-zits bank \u20ac97 \ud83d\udecb\ufe0f 4-zits bank \u20ac122 \ud83d\udecb\ufe0f Hoekbank (5 zitplaatsen) \u20ac155 \ud83d\udecb\ufe0f Hoekbank (6+ zitplaatsen) \u20ac190 \ud83e\uddf4 Hevige vervuiling \/ huisdieren (+ \u20ac25) \ud83e\udda0 Anti-bacterieel \/ desinfectie (+ \u20ac18) \ud83d\ude97 Reiskosten (>15 km) \u2014 \u20ac0,35\/km * alleen boven […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-125","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/test.bankstelherstel.nl\/index.php\/wp-json\/wp\/v2\/pages\/125","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/test.bankstelherstel.nl\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/test.bankstelherstel.nl\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/test.bankstelherstel.nl\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/test.bankstelherstel.nl\/index.php\/wp-json\/wp\/v2\/comments?post=125"}],"version-history":[{"count":6,"href":"https:\/\/test.bankstelherstel.nl\/index.php\/wp-json\/wp\/v2\/pages\/125\/revisions"}],"predecessor-version":[{"id":145,"href":"https:\/\/test.bankstelherstel.nl\/index.php\/wp-json\/wp\/v2\/pages\/125\/revisions\/145"}],"wp:attachment":[{"href":"https:\/\/test.bankstelherstel.nl\/index.php\/wp-json\/wp\/v2\/media?parent=125"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}