// JS voor prijsberekening (function () { document.addEventListener("DOMContentLoaded", function () { const breedteInput = document.getElementById("form-breedte"); const hoogteInput = document.getElementById("form-hoogte"); const checkbox = document.getElementById("snijmarge-checkbox"); if (breedteInput && hoogteInput && checkbox) { const prijsElement = document.createElement("div"); prijsElement.id = "totaalprijs-bericht"; // Styling prijsElement.style.padding = "20px"; prijsElement.style.fontSize = "14px"; prijsElement.style.letterSpacing = "0px"; prijsElement.style.width = "100%"; prijsElement.style.maxWidth = "100%"; prijsElement.style.boxSizing = "border-box"; prijsElement.style.margin = "0 15px 30px 15px"; prijsElement.style.backgroundColor = "#fff9e6"; prijsElement.style.border = "1px solid #f7d072"; prijsElement.style.borderRadius = "5px"; prijsElement.style.display = "none"; const checkboxContainer = checkbox.closest(".form-group") || checkbox.parentNode; checkboxContainer.parentNode.insertBefore(prijsElement, checkboxContainer.nextSibling); function updatePrijs() { const breedte = parseFloat(breedteInput.value); const hoogte = parseFloat(hoogteInput.value); const prijsPerCm2 = 0.004; if (!isNaN(breedte) && !isNaN(hoogte)) { const totaal = breedte * hoogte * prijsPerCm2; const totaalAfgerond = (Math.round(totaal * 100) / 100).toFixed(2); const totaalFormatted = totaalAfgerond.replace('.', ','); prijsElement.style.display = "block"; prijsElement.innerHTML = `

De totaalprijs voor jouw ontwerp is €${totaalFormatted}–

Op basis van ${breedte} × ${hoogte} cm inclusief 5 cm snijmarge

`; } else { prijsElement.style.display = "none"; prijsElement.innerHTML = ""; } } breedteInput.addEventListener("input", updatePrijs); hoogteInput.addEventListener("input", updatePrijs); checkbox.addEventListener("change", updatePrijs); updatePrijs(); } }); })();// JS voor prijsberekening + automatisch invullen productnaam (function () { document.addEventListener("DOMContentLoaded", function () { // === 1. Prijsberekening === const breedteInput = document.getElementById("form-breedte"); const hoogteInput = document.getElementById("form-hoogte"); const checkbox = document.getElementById("snijmarge-checkbox"); if (breedteInput && hoogteInput && checkbox) { const prijsElement = document.createElement("div"); prijsElement.id = "totaalprijs-bericht"; // Styling prijsElement.style.padding = "20px"; prijsElement.style.fontSize = "14px"; prijsElement.style.letterSpacing = "0px"; prijsElement.style.width = "100%"; prijsElement.style.maxWidth = "100%"; prijsElement.style.boxSizing = "border-box"; prijsElement.style.margin = "0 15px 30px 15px"; prijsElement.style.backgroundColor = "#fff9e6"; prijsElement.style.border = "1px solid #f7d072"; prijsElement.style.borderRadius = "5px"; prijsElement.style.display = "none"; const checkboxContainer = checkbox.closest(".form-group") || checkbox.parentNode; checkboxContainer.parentNode.insertBefore(prijsElement, checkboxContainer.nextSibling); function updatePrijs() { const breedte = parseFloat(breedteInput.value); const hoogte = parseFloat(hoogteInput.value); const prijsPerCm2 = 0.004; if (!isNaN(breedte) && !isNaN(hoogte)) { const totaal = breedte * hoogte * prijsPerCm2; const totaalAfgerond = (Math.round(totaal * 100) / 100).toFixed(2); const totaalFormatted = totaalAfgerond.replace('.', ','); prijsElement.style.display = "block"; prijsElement.innerHTML = `

De totaalprijs voor jouw ontwerp is €${totaalFormatted}–

Op basis van ${breedte} × ${hoogte} cm inclusief 5 cm snijmarge

Oorbel Lizzy | Plated | Zilver | Vedder & Vedder