Lona Fosca 280gr

Descrição

<div style="border: 1px solid #ccc; padding: 20px; max-width: 400px; font-family: Arial; font-size: 16px;">

  <h3>Calcule quantos m² você precisa:</h3>

  <label for="largura">Largura da parede (em metros):</label><br>

  <input type="number" id="largura" step="0.01" min="0.4" style="width: 100%; padding: 8px; margin-bottom: 10px;"><br>

  <label for="altura">Altura da parede (em metros):</label><br>

  <input type="number" id="altura" step="0.01" min="0.4" style="width: 100%; padding: 8px; margin-bottom: 15px;"><br>

  <button onclick="calcularM2()" style="padding: 10px 20px; background-color: #2ecc71; color: white; border: none; cursor: pointer;">Calcular</button>

  <p id="resultado" style="margin-top: 15px; font-weight: bold;"></p>

</div>

<script>

function calcularM2() {

  const largura = parseFloat(document.getElementById('largura').value);

  const altura = parseFloat(document.getElementById('altura').value);

  if (isNaN(largura) || isNaN(altura) || largura < 0.4 || altura < 0.4) {

    document.getElementById('resultado').innerText = "Preencha valores válidos (mínimo 0,4m para cada medida).";

    return;

  }

  const m2 = largura * altura;

  const unidades = Math.ceil(m2);

  document.getElementById('resultado').innerText =

    `Área total: ${m2.toFixed(2)} m²\nVocê deve comprar: ${unidades} unidade(s) de 1 m²`;

}

</script>