Calculadora

<!DOCTYPE html>
<html lang="pt-BR">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Formulário Polinômio</title>
  <style>
    body { font-family: sans-serif; padding: 20px; }
    form { max-width: 400px; display: grid; gap: 12px; }
    label { display: flex; flex-direction: column; }
    .result { margin-top: 20px; font-weight: bold; }
  </style>
</head>
<body>
  <form id="polyForm">
    <label>
      Nome:
      <input type="text" id="nome" required />
    </label>

    <label>
      Menor peso:
      <input type="number" id="pesoMin" required />
    </label>

    <label>
      Maior peso:
      <input type="number" id="pesoMax" required />
    </label>

    <label>
      Altura:
      <input type="number" id="altura" required />
    </label>

    <label>
      Biotipo:
      <select id="biotipo" required>
        <option value="ectomorfo">Ectomorfo</option>
        <option value="mesomorfo">Mesomorfo</option>
        <option value="endomorfo">Endomorfo</option>
      </select>
    </label>

    <label>
      Categoria:
      <select id="categoria" required>
        <option value="Profissional">Profissional</option>
        <option value="Intermediario">Intermediario</option>
        <option value="Amador">Amador</option>
        <option value="Iniciante">Iniciante</option>
      </select>
    </label>

    <button type="submit">Calcular</button>
  </form>

  <div class="result" id="resultado"></div>

  <script>
    const coefPorCategoria = {
      'Profissional': [0.0010837912087912048, 0.12538049450549502, 11.415645604395582],
      'Intermediario': [0.0011923076923076867, 0.13851098901098974, 12.097967032967007],
      'Amador': [0.0019203296703296788, 0.08695329670329559, 15.329587912087938],
      'Iniciante': [0.001969780219780226, 0.1126730769230762, 16.969532967032976]
    };

    function calculaPolinomio([a, b, c], peso) {
      return a * peso * peso + b * peso + c;
    }

    document.getElementById('polyForm').addEventListener('submit', function (e) {
      e.preventDefault();

      const pesoMin = parseFloat(document.getElementById('pesoMin').value);
      const pesoMax = parseFloat(document.getElementById('pesoMax').value);
      const categoria = document.getElementById('categoria').value;

      const coefs = coefPorCategoria[categoria];

      const resultadoMin = calculaPolinomio(coefs, pesoMin).toFixed(3);
      const resultadoMax = calculaPolinomio(coefs, pesoMax).toFixed(3);

      document.getElementById('resultado').innerText =
        `Resultado para peso mínimo (${pesoMin}): ${resultadoMin}\n` +
        `Resultado para peso máximo (${pesoMax}): ${resultadoMax}`;
    });
  </script>
</body>
</html>