Descubra quanto pode poupar
Com o nosso módulo de cálculo avançado, pode ver imediatamente quais são as vantagens do Woodle. Carregue agora a sua planta e receba, no prazo de 48 horas, uma recomendação sobre a distribuição ideal dos Woodles. Do que está à espera?
Qual é o comprimento do trecho que pretende iluminar?
Que distância deseja entre os Woodles™?
Que tipo de iluminação deseja?
Que tipo de material pretende?
#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; }
Aconselhamento gratuito?
Tem uma planta cadastral ou outro plano da sua instalação de iluminação? Os nossos especialistas terão todo o prazer em aconselhá-lo.
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 = `
A sua poupança estimada:
Besparing installatiekosten: €${installationCostSaved}
Besparing onderhoudskosten: €${maintenanceCostSaved} per jaar
Besparing verbruikt elektriciteit: ${electricUsageSaved} kWh
*Não podem ser invocados quaisquer direitos com base neste cálculo. A situação no local pode ser diferente.
`; } // 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(); };