kengetallenboek:pleinen:profiel3 [Sumsonite]

This page is read only. You can view the source, but not change it. Ask your administrator if you think this is wrong.
====== Profiel 3: Betonsteen roodzwart / State of the art elementen / Perkje met boom en zitje ======

{{handleiding_nieuw:kengetallen:plein_profiel3_foto.jpg?1000}}

^ Pleinbeeld ^ Kostprijs ^
| {{handleiding_nieuw:kengetallen:plein_profiel3_schets.jpg?600}} | <html><div style="text-align: center; font-size: 140%; line-height: 1.4; vertical-align: middle;"><strong>€ 205 per m²</strong></div></html> |

**Beschrijving:**
  * Bestrating: betonsteen roodzwart in waalformaat en dikformaat  
  * Riolering: drainagestelsel  
  * Elementen: borden, state of the art afvalbakken en zitbanken  
  * Verlichting: schijnwerpers aan de gevel  
  * Openbaar groen: modern perkje met boom en zitje

----

==== ♻️ Klimaatadaptieve maatregelen (per m²) ====

<html>
<style>
  .klimaatformulier {
    background: #f4f4f4;
    border: 1px solid #ccc;
    padding: 1em;
    width: 100%;
    max-width: 750px;
    border-radius: 8px;
    font-family: sans-serif;
    margin-top: 1em;
    font-size: 16px;
  }
  .klimaatformulier label {
    display: flex;
    align-items: center;
    gap: 0.6em;
    margin: 0.5em 0;
  }
  .klimaatformulier label img {
    height: 32px;
    width: 32px;
  }
  .klimaatformulier .resultaat {
    margin-top: 1em;
    font-weight: bold;
    font-size: 1.2em;
    border-top: 1px solid #999;
    padding-top: 0.8em;
  }
</style>

<div class="klimaatformulier">
  <p><strong>Basisprijs plein:</strong> € <span id="basisprijs">205</span> per m²</p>

  <form id="klimaat-form">
    <label><input type="checkbox" value="29"> <img src="/wiki/lib/exe/fetch.php?media=handleiding_nieuw:kengetallen:icoontjes:waterpasserend.png"> Waterpasserend (+ €29)</label>
    <label><input type="checkbox" value="5"> <img src="/wiki/lib/exe/fetch.php?media=handleiding_nieuw:kengetallen:icoontjes:waterberging_oppervlak.png"> Waterberging op verhard oppervlak (+ €5)</label>
    <label><input type="checkbox" value="12"> <img src="/wiki/lib/exe/fetch.php?media=handleiding_nieuw:kengetallen:icoontjes:infiltratiekratten.png"> Infiltratiekratten (+ €12)</label>
    <label><input type="checkbox" value="73"> <img src="/wiki/lib/exe/fetch.php?media=handleiding_nieuw:kengetallen:icoontjes:waterberging.png"> Waterberging onder straatprofiel (+ €73)</label>
    <label><input type="checkbox" value="4"> <img src="/wiki/lib/exe/fetch.php?media=handleiding_nieuw:kengetallen:icoontjes:infiltratie_riool.png"> Infiltratie riool (+ €4)</label>
    <label><input type="checkbox" value="2"> <img src="/wiki/lib/exe/fetch.php?media=handleiding_nieuw:kengetallen:icoontjes:dit_riool.png"> DIT riool (+ €2)</label>
  </form>

  <div class="resultaat">
    Totale kostprijs: € <span id="totaalprijs">205</span> per m²
  </div>
</div>

<script>
(() => {
  const basisprijs = 205;

  const checkboxes = document.querySelectorAll('#klimaat-form input[type="checkbox"]');
  const totaalveld = document.getElementById('totaalprijs');

  function updatePrijs() {
    let totaal = basisprijs;
    checkboxes.forEach(cb => {
      if (cb.checked) totaal += parseFloat(cb.value);
    });
    totaalveld.textContent = totaal.toFixed(2);
  }

  checkboxes.forEach(cb => cb.addEventListener('change', updatePrijs));
})();
</script>
</html>

----

[[handleiding_nieuw:sub_pleinen|← Terug naar overzicht]]