document.addEventListener("DOMContentLoaded", function () {
const materialSelect = document.getElementById("material");
const facadesInput = document.getElementById("facades");
const resultBox = document.getElementById("result");
const PRICES = {
m1: 80, // Material 1 – 80 € por frente
m2: 110 // Material 2 – 110 € por frente
};
function formatCurrency(value) {
return value.toLocaleString("es-ES", {
style: "currency",
currency: "EUR",
minimumFractionDigits: 0
});
}
function calculate() {
if (!materialSelect || !facadesInput || !resultBox) return;
const material = materialSelect.value;
const facades = parseInt(facadesInput.value, 10) || 0;
if (!material || facades <= 0) {
resultBox.textContent =
"Introduce el número de frentes y elige el material para ver el precio aproximado.";
return;
}
const pricePerFacade = PRICES[material] || 0;
let total = pricePerFacade * facades;
total = Math.round(total);
resultBox.innerHTML =
"Precio aproximado: " + formatCurrency(total) + "";
}
materialSelect && materialSelect.addEventListener("change", calculate);
facadesInput && facadesInput.addEventListener("input", calculate);
// Первый расчёт при загрузке
calculate();
// Временное действие на кнопку
const sendBtn = document.getElementById("send_btn");
if (sendBtn) {
sendBtn.addEventListener("click", function () {
alert(
"Esta versión solo calcula el precio aproximado.\nMás adelante se puede conectar el envío de la solicitud."
);
});
}
});
