Averigüe cuánto puede ahorrar
Con nuestro módulo de cálculo avanzado, podrá ver al instante las ventajas del Woodle. Cargue su plano de planta ahora y obtenga asesoramiento sobre la distribución óptima de Woodles en 48 horas. ¿A qué espera?
¿Cuál es la longitud de la pieza que desea iluminar?
Qué distancia quieres que haya entre los Woodles™?
¿Qué tipo de iluminación desea?
¿Qué tipo de material desea?
#benefit-calculator h5, #result h5 { font-weight: 900; font-size: 24px; padding-bottom: 20px; } #benefit-calculator { max-width: 100%; margin: 0 auto; padding: 30px; border-radius: 30px; background-color: #f9f9f9; } #benefit-calculator label { display: block; margin-bottom: 5px; } .slider-container { display: flex; align-items: center; margin-bottom: 10px; margin-top:20px; } .slider-container .min-value, .slider-container .max-value { width: 15%; text-align: center; } .slider-container .slider-wrapper { width: 70%; position: relative; } #benefit-calculator input[type="range"] { -webkit-appearance: none; width: 100%; height: 3px; background: none; outline: none; border: 2px solid #39B54A; padding:0px; } #benefit-calculator input[type="range"]::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 30px; height: 30px; background: white; border: 2px solid #0E082E; border-radius: 50%; cursor: pointer; margin-top: 0px; } #benefit-calculator input[type="range"]::-moz-range-thumb { width: 30px; height: 30px; background: white; border: 2px solid #0E082E; border-radius: 50%; cursor: pointer; } .radio-group { display: flex; flex-direction: column; } .radio-group label { display: flex; align-items: center; margin-bottom: 5px; } .radio-group input[type="radio"] { margin-right: 10px; accent-color: #39B54A; /* Change the radio button color to green */ } #benefit-calculator output { position: absolute; transform: translateX(5px); background-color: #0E082E; color: white; padding: 8px 24px; border-radius: 50px; top:40px; } #benefit-calculator button { width: 100%; padding: 10px; background-color: #007BFF; color: white; border: none; border-radius: 3px; cursor: pointer; } #benefit-calculator button:hover { background-color: #0056b3; } #result { max-width: 400px; padding: 30px; border: 2px solid #F2F2F2; border-radius: 30px; background-color: white; } #result p.disclaimer { font-size: 12px; padding-top: 20px; } #result p.line { border-top: 2px solid #0000000D; padding: 10px !important; }
¿Asesoramiento gratuito?
¿Tiene un plano catastral u otro plano de sus necesidades de iluminación? Nuestros especialistas estarán encantados de asesorarle.
function updateOutput(element) {
const output = element.nextElementSibling;
const value = element.value;
output.value = value;
const sliderWidth = element.offsetWidth;
const outputWidth = output.offsetWidth;
const thumbWidth = 20; // Approximate width of the thumb, adjust if necessary
const max = element.max;
const min = element.min;
const left = ((value - min) / (max - min)) * (sliderWidth - thumbWidth) + (thumbWidth / 2) - (outputWidth / 2);
output.style.left = `${left}px`;
}
function calculateBenefits() {
const distancePath = parseInt(document.getElementById('distance-path').value);
const distanceLights = parseInt(document.getElementById('distance-lights').value);
const numLamps = Math.ceil(distancePath / distanceLights);
const electricUsageSaved = numLamps * 4;
const electricCostSaved = numLamps * 1;
const installationCostSaved = distancePath * 15;
const maintenanceCostSaved = numLamps * 50;
document.getElementById('result').innerHTML = `
Su ahorro estimado:
Besparing installatiekosten: €${installationCostSaved}
Besparing onderhoudskosten: €${maintenanceCostSaved} per jaar
Besparing verbruikt elektriciteit: ${electricUsageSaved} kWh
*De este cálculo no se derivan derechos. La situación in situ puede variar.
`; } // Set the output position based on the default values window.onload = function() { const distancePathSlider = document.getElementById('distance-path'); const distanceLightsSlider = document.getElementById('distance-lights'); updateOutput(distancePathSlider); updateOutput(distanceLightsSlider); calculateBenefits(); };
