{"id":952,"date":"2025-12-02T20:09:25","date_gmt":"2025-12-02T20:09:25","guid":{"rendered":"https:\/\/totaalduurzaamheidsadviseur.nl\/?page_id=952"},"modified":"2025-12-18T15:04:42","modified_gmt":"2025-12-18T15:04:42","slug":"duurzaamheidscalculator","status":"publish","type":"page","link":"https:\/\/totaalduurzaamheidsadviseur.nl\/?page_id=952","title":{"rendered":"&#8220;Duurzaamheidscalculator | Ontdek Jouw Besparingen &amp; Slimme Energiekeuzes&#8221;"},"content":{"rendered":"\n<p><strong>Deze calculator geeft u inzicht in het rendement wat u kunt behalen op uw investering en de terugverdientijd.<\/strong><\/p>\n\n\n\n<!DOCTYPE html>\n<html lang=\"nl\">\n<head>\n  <meta charset=\"UTF-8\">\n  <title>Duurzaamheids Calculator<\/title>\n  <style>\n    \/* ====== CSS styling ====== *\/\n    :root {\n      --green-main: #2fbf71;\n      --green-dark: #229a59;\n      --green-light: #e7f7ef;\n      --blue-dark: #0f2137;\n      --gray-dark: #1f2937;\n      --gray-mid: #374151;\n      --gray-light: #e5e7eb;\n      --white: #ffffff;\n      --radius-lg: 14px;\n      --radius-md: 10px;\n      --radius-sm: 6px;\n      --shadow: 0 8px 20px rgba(0,0,0,0.1);\n    }\n\n    body {\n      font-family: \"Inter\", \"Segoe UI\", Arial, sans-serif;\n      background: #f5f5f5;\n      margin: 0;\n      padding: 20px;\n    }\n\n    .tda-calculator {\n      background: var(--white);\n      border-radius: var(--radius-lg);\n      box-shadow: var(--shadow);\n      padding: 24px;\n      max-width: 1000px;\n      margin: auto;\n      color: var(--gray-dark);\n    }\n\n    .tda-header h2 {\n      margin: 0 0 8px;\n      color: var(--blue-dark);\n    }\n    .tda-header p {\n      margin: 0 0 20px;\n      color: var(--gray-mid);\n    }\n\n    .tda-form {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n      gap: 16px;\n    }\n    .tda-field {\n      display: flex;\n      flex-direction: column;\n    }\n    .tda-field label {\n      font-weight: 600;\n      margin-bottom: 6px;\n      color: var(--gray-mid);\n    }\n    .tda-field input,\n    .tda-field select {\n      padding: 10px;\n      border: 1px solid var(--gray-light);\n      border-radius: var(--radius-sm);\n      font-size: 14px;\n    }\n    .tda-field input:focus,\n    .tda-field select:focus {\n      outline: none;\n      border-color: var(--green-main);\n      box-shadow: 0 0 0 3px rgba(47,191,113,0.25);\n    }\n\n    .tda-actions {\n      grid-column: 1 \/ -1;\n      text-align: right;\n    }\n    .tda-btn {\n      background: linear-gradient(180deg, var(--green-main), var(--green-dark));\n      color: var(--white);\n      border: none;\n      border-radius: 999px;\n      padding: 12px 20px;\n      font-weight: 700;\n      cursor: pointer;\n      transition: 0.2s ease;\n    }\n    .tda-btn:hover {\n      filter: brightness(1.05);\n      box-shadow: 0 6px 14px rgba(34,154,89,0.3);\n    }\n\n    .tda-result {\n      margin-top: 20px;\n      background: var(--green-light);\n      border-radius: var(--radius-md);\n      padding: 16px;\n    }\n    .tda-result h3 {\n      margin: 0 0 12px;\n      color: var(--blue-dark);\n    }\n    .tda-card {\n      background: var(--white);\n      border: 1px solid var(--gray-light);\n      border-radius: var(--radius-md);\n      padding: 14px;\n      margin-bottom: 12px;\n      box-shadow: var(--shadow);\n    }\n    .tda-card h4 {\n      margin: 0 0 8px;\n      color: var(--gray-dark);\n    }\n    .tda-card p {\n      margin: 0;\n      font-size: 14px;\n      color: var(--gray-mid);\n    }\n  <\/style>\n<\/head>\n<body>\n  <div class=\"tda-calculator\">\n    <header class=\"tda-header\">\n      <h2>Duurzaamheids Calculator<\/h2>\n      <p>Vul uw gegevens in en bereken het rendement.<\/p>\n    <\/header>\n\n    <form class=\"tda-form\" id=\"tdaForm\">\n      <div class=\"tda-field\">\n        <label for=\"verbruikKwh\">Aantal kWh verbruik per jaar<\/label>\n        <input type=\"number\" id=\"verbruikKwh\" placeholder=\"3500\">\n      <\/div>\n      <div class=\"tda-field\">\n        <label for=\"verbruikGas\">Aantal m\u00b3 gas per jaar<\/label>\n        <input type=\"number\" id=\"verbruikGas\" placeholder=\"900\">\n      <\/div>\n      <div class=\"tda-field\">\n        <label for=\"opwekZon\">Opgewekte kWh zonnepanelen<\/label>\n        <input type=\"number\" id=\"opwekZon\" placeholder=\"3200\">\n      <\/div>\n      <div class=\"tda-field\">\n        <label for=\"omvormerKwh\">Omvormer (kW)<\/label>\n        <input type=\"number\" id=\"omvormerKwh\" placeholder=\"5\">\n      <\/div>\n      <div class=\"tda-field\">\n        <label for=\"batterijOpslag\">Opslag batterij (kWh)<\/label>\n        <input type=\"number\" id=\"batterijOpslag\" placeholder=\"10\">\n      <\/div>\n      <div class=\"tda-field\">\n        <label for=\"batterijPrijs\">Prijs batterij (\u20ac)<\/label>\n        <input type=\"number\" id=\"batterijPrijs\" placeholder=\"4500\">\n      <\/div>\n      <div class=\"tda-field\">\n        <label for=\"batterijBtw\">BTW teruggave (\u20ac)<\/label>\n        <input type=\"number\" id=\"batterijBtw\" placeholder=\"945\">\n      <\/div>\n      <div class=\"tda-field\">\n        <label for=\"typeWp\">Warmtepomp type<\/label>\n        <select id=\"typeWp\">\n          <option value=\"\">Geen<\/option>\n          <option value=\"hybride\">Hybride<\/option>\n          <option value=\"full\">Full electric<\/option>\n        <\/select>\n      <\/div>\n      <div class=\"tda-field\">\n        <label for=\"wpPrijs\">Prijs warmtepomp (\u20ac)<\/label>\n        <input type=\"number\" id=\"wpPrijs\" placeholder=\"8000\">\n      <\/div>\n      <div class=\"tda-field\">\n        <label for=\"wpSubsidie\">Subsidie warmtepomp (\u20ac)<\/label>\n        <input type=\"number\" id=\"wpSubsidie\" placeholder=\"2400\">\n      <\/div>\n      <div class=\"tda-field\">\n        <label for=\"rente\">Rente (%)<\/label>\n        <input type=\"number\" id=\"rente\" placeholder=\"4.1\">\n      <\/div>\n      <div class=\"tda-field\">\n        <label for=\"looptijd\">Looptijd lening (maanden)<\/label>\n        <input type=\"number\" id=\"looptijd\" placeholder=\"120\">\n      <\/div>\n      <div class=\"tda-actions\">\n        <button type=\"button\" class=\"tda-btn\" id=\"berekenBtn\">Bereken<\/button>\n      <\/div>\n    <\/form>\n\n    <section class=\"tda-result\" id=\"tdaResult\">\n      <h3>Resultaat<\/h3>\n      <div id=\"resultCards\"><\/div>\n    <\/section>\n  <\/div>\n\n  <script>\n    \/\/ ====== JavaScript logica ======\n    const tariffs = { stroomAllIn: 0.28, gasAllIn: 1.15, teruglever: 0.09 };\n    const wpAssumptions = { hybride: { gasReductie: 0.5, extraKwh: 1200 }, full: { gasReductie: 0.9, extraKwh: 2500 } };\n\n    function formatEuro(n) {\n      return n.toLocaleString('nl-NL', { style: 'currency', currency: 'EUR', minimumFractionDigits: 2 });\n    }\n\n    document.getElementById('berekenBtn').addEventListener('click', () => {\n      const verbruikKwh = +document.getElementById('verbruikKwh').value || 0;\n      const verbruikGas = +document.getElementById('verbruikGas').value || 0;\n      const opwekZon = +document.getElementById('opwekZon').value || 0;\n      const batterijOpslag = +document.getElementById('batterijOpslag').value || 0;\n      const batterijPrijs = +document.getElementById('batterijPrijs').value || 0;\n      const batterijBtw = +document.getElementById('batterijBtw').value || 0;\n      const typeWp = document.getElementById('typeWp').value;\n      const wpPrijs = +document.getElementById('wpPrijs').value || 0;\n      const wpSubsidie = +document.getElementById('wpSubsid\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Deze calculator geeft u inzicht in het rendement wat u kunt behalen op uw investering en de terugverdientijd. Duurzaamheids Calculator Duurzaamheids Calculator Vul uw gegevens in en bereken het rendement. Aantal kWh verbruik per jaar Aantal m\u00b3 gas per jaar Opgewekte kWh zonnepanelen Omvormer (kW) Opslag batterij (kWh) Prijs batterij (\u20ac) BTW teruggave (\u20ac) Warmtepomp [&hellip;]<\/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-952","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/totaalduurzaamheidsadviseur.nl\/index.php?rest_route=\/wp\/v2\/pages\/952","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/totaalduurzaamheidsadviseur.nl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/totaalduurzaamheidsadviseur.nl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/totaalduurzaamheidsadviseur.nl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/totaalduurzaamheidsadviseur.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=952"}],"version-history":[{"count":18,"href":"https:\/\/totaalduurzaamheidsadviseur.nl\/index.php?rest_route=\/wp\/v2\/pages\/952\/revisions"}],"predecessor-version":[{"id":1333,"href":"https:\/\/totaalduurzaamheidsadviseur.nl\/index.php?rest_route=\/wp\/v2\/pages\/952\/revisions\/1333"}],"wp:attachment":[{"href":"https:\/\/totaalduurzaamheidsadviseur.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=952"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}