Skip to main content
removendo saudações
Fonte Link
Wallace Vizerra
  • 107,4mil
  • 106
  • 440
  • 920

Olá, tudo bom ?

Estou vendo que você está utilizando para pegar os valores o método getElementsByName. Tente utilizar o método getElementById, que sempre retornará um valor apenas. Modifiquei o seu Html para comportar com Id ao invés de Name. Lembrando que fiz apenas com dois alunos, apenas insira mais alunos como a lógica abaixo:

Olá, tudo bom ?

Estou vendo que você está utilizando para pegar os valores o método getElementsByName. Tente utilizar o método getElementById, que sempre retornará um valor apenas. Modifiquei o seu Html para comportar com Id ao invés de Name. Lembrando que fiz apenas com dois alunos, apenas insira mais alunos como a lógica abaixo:

Estou vendo que você está utilizando para pegar os valores o método getElementsByName. Tente utilizar o método getElementById, que sempre retornará um valor apenas. Modifiquei o seu Html para comportar com Id ao invés de Name. Lembrando que fiz apenas com dois alunos, apenas insira mais alunos como a lógica abaixo:

Fonte Link

Olá, tudo bom ?

Estou vendo que você está utilizando para pegar os valores o método getElementsByName. Tente utilizar o método getElementById, que sempre retornará um valor apenas. Modifiquei o seu Html para comportar com Id ao invés de Name. Lembrando que fiz apenas com dois alunos, apenas insira mais alunos como a lógica abaixo:

<html lang="pt-br">
<head>
    <title>Prototipo Sistema Academico</title>
    <meta charset="UTF-8">
    <link rel='stylesheet' type='text/css' href='css/bootstrap.min.css'>
    <script src='js/bootstrap.min.js'></script>
    <script>
    function calcula_media(i)
    {
        var n1 = document.getElementById("n1_aluno_" + i).value;
        var n2 = document.getElementById("n2_aluno_" + i).value;
        var media = document.getElementById("media_aluno_" + i);
        var resultado = document.getElementById("resultado_aluno_" + i);
        
        var calculo = (parseFloat(n1) + parseFloat(n2)) / 2;
        
        if(calculo >= 7)
        {
            media.innerHTML = "<div class='text-success'>" + calculo + "</div>";
            resultado.innerHTML = "Aprovado";
        }
        else
        {
            media.innerHTML = "<div class='text-danger'>" + calculo + "</div>";
            resultado.innerHTML = "Reprovado";
        }
    }
    </script>
</head>
<body>

        <div class="container">
          <h2>Hover Rows</h2>
          <p>The .table-hover class enables a hover state on table rows:</p>
          <table class="table table-hover">
            <thead>
              <tr>
                <th>Estudante</th>
                <th>N1</th>
                <th>N2</th>
                <th>Média</th>
                <th>Resultado Final</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <td>Ana da Silva</td>
                <td><input id="n1_aluno_0" type="number" value="0" min="0.0" step="0.1" max="10.0" onchange="calcula_media(0)"></td>
                <td><input id="n2_aluno_0" type="number" value="0" min="0.0" step="0.1" max="10.0" onchange="calcula_media(0)"></td>
                <td><div id="media_aluno_0"> </div></td>
                <td><div id="resultado_aluno_0">-- </div></td>
              </tr>
              <tr>
                <td>Beatriz da Silva Leite</td>
                <td><input id="n1_aluno_1" type="number" value="0" min="0.0" step="0.1" max="10.0" onchange="calcula_media(1)"></td>
                <td><input id="n2_aluno_1" type="number" value="0" min="0.0" step="0.1" max="10.0" onchange="calcula_media(1)"></td>
                <td><div id="media_aluno_1"> </div></td>
                <td><div id="resultado_aluno_1">-- </div></td>
              </tr>
            </tbody>
          </table>
        </div>
</body>