404

D7net
:/ var / www / html / crsys /
Filename : testepolir.php
back
<!DOCTYPE html>
<html lang="pt-BR">
<head>
  <meta charset="UTF-8" />
  <title>Teste Polir Duplo</title>
</head>
<body>

  Largura: <input id="calc_larg" value="1" /><br/>
  Profundidade: <input id="calc_prof" value="1" /><br/>
  <label>
    <input type="checkbox" id="polir_duplo" /> Polir Duplo
  </label><br/>
  Preço MO Unitário: <input id="preco_mo_unitario" value="100,00" /><br/>
  Preço Polir Dois Lados: <input id="preco_polir_dois_lados" value="20,00" /><br/>

  <div>
    Total M²: <span id="resultado_m2">0,00</span>
  </div>
  <div>
    Total M.O.: <span id="calc_vlr_total_mo">R$ 0,00</span>
  </div>

  <script>
    const larguraInput = document.getElementById('calc_larg');
    const alturaInput = document.getElementById('calc_prof');
    const resultadoM2 = document.getElementById('resultado_m2');
    const checkboxPolirDuplo = document.getElementById('polir_duplo');
    const campoPrecoMoUnitario = document.getElementById('preco_mo_unitario');
    const campoPrecoPolirDuplo = document.getElementById('preco_polir_dois_lados');
    const campoTotalMo = document.getElementById('calc_vlr_total_mo');

    function calcularM2() {
      const larg = parseFloat(larguraInput.value.replace(',', '.')) || 0;
      const prof = parseFloat(alturaInput.value.replace(',', '.')) || 0;
      let m2 = larg * prof;

      // atualiza visual m²
      resultadoM2.textContent = m2.toLocaleString('pt-BR', {
        minimumFractionDigits: 2,
        maximumFractionDigits: 2
      });

      // agora calcula M.O. + polir_duplo
      const precoMo = parseFloat(campoPrecoMoUnitario.value.replace(',', '.')) || 0;
      const precoPolir = parseFloat(campoPrecoPolirDuplo.value.replace(',', '.')) || 0;

      const valorBaseMo = m2 * precoMo;
      const valorPolir = checkboxPolirDuplo.checked ? m2 * precoPolir : 0;
      const valorTotalMo = valorBaseMo + valorPolir;

      campoTotalMo.textContent = 'R$ ' + valorTotalMo.toLocaleString('pt-BR', {
        minimumFractionDigits: 2,
        maximumFractionDigits: 2
      });
    }

    larguraInput.addEventListener('input', calcularM2);
    alturaInput.addEventListener('input', calcularM2);
    checkboxPolirDuplo.addEventListener('change', calcularM2);
    campoPrecoMoUnitario.addEventListener('input', calcularM2);
    campoPrecoPolirDuplo.addEventListener('input', calcularM2);

    // init
    calcularM2();
  </script>

</body>
</html>