Jump to content
Fórum Script Brasil
  • 0

Tabela de frequência escolar


Question

Olá amigos estou fazendo um site escolar e estou me complicando com meu código, é uma tabela com feita com estrutura de repetição fiz a primeira "tr" e em seguida coloquei pra repetir até ai tudo bem o q complica é que em quando é executado, só acontece a soma na primeira "tr", acredito que o sejo seja porque tenha apenas uma variável chamada resultado, porem não consigo criar mais variáveis resultado com estrutura de repetição.

 

<html>
<head><meta charset="utf-8">
    <title></title>
</head>
<body>
<form>
<table border="1">

<script type="text/javascript">

function calcular() {
    var num1 = Number(document.getElementById("num1").value);
    var num2 = Number(document.getElementById("num2").value);
    var num3 = Number(document.getElementById("num3").value);
    var num4 = Number(document.getElementById("num4").value);
    var num5 = Number(document.getElementById("num5").value);
    var num6 = Number(document.getElementById("num6").value);
    var num7 = Number(document.getElementById("num7").value);
    var num8 = Number(document.getElementById("num8").value);
    var num9 = Number(document.getElementById("num9").value);
    var num10 = Number(document.getElementById("num10").value);
    var num11 = Number(document.getElementById("num11").value);
    var num12 = Number(document.getElementById("num12").value);
    var num13 = Number(document.getElementById("num13").value);
    var num14 = Number(document.getElementById("num14").value);
    var num15 = Number(document.getElementById("num15").value);
    var num16 = Number(document.getElementById("num16").value);
    var num17 = Number(document.getElementById("num17").value);
    var num18 = Number(document.getElementById("num18").value);
    var num19 = Number(document.getElementById("num19").value);
    var num20 = Number(document.getElementById("num20").value);
    var num21 = Number(document.getElementById("num21").value);
    var num22 = Number(document.getElementById("num22").value);
    var num23 = Number(document.getElementById("num23").value);
    var num24 = Number(document.getElementById("num24").value);
    var num25 = Number(document.getElementById("num25").value);
    var num26 = Number(document.getElementById("num26").value);
    var num27 = Number(document.getElementById("num27").value);
    var num28 = Number(document.getElementById("num28").value);
    var num29 = Number(document.getElementById("num29").value);
    var num30 = Number(document.getElementById("num30").value);
    var num31 = Number(document.getElementById("num31").value);
    

    var elemResult = document.getElementById("resultado");
    


    if (elemResult.textContent === undefined) {
       elemResult.textContent = String(num1 + num2 + num3 + num4 + num5 + num6 + num7 + num8 + num9 + num10 + num11 + num12 + num13 + num14 + num15 + num16 + num17 + num18 + num19 + num20 + num21 + num22 + num23 + num24 + num25 + num26 + num27 + num28 + num29 + num30 + num31);
    }
    else {
       elemResult.innerText = String(num1 + num2 + num3 + num4 + num5 + num6 + num7 + num8 + num9 + num10 + num11 + num12 + num13 + num14 + num15 + num16 + num17 + num18 + num19 + num20 + num21 + num22 + num23 + num24 + num25 + num26 + num27 + num28 + num29 + num30 + num31);
    }
}    


for (i=1;i<=50;i++){
   
        if (i > 0 && i <=50) {
    document.write("<tr><td>"+i+"</td>");

    }

for (a=1;a<=31;a++){

    document.write("<td><select type='text' id='num"+a+"' onblur='calcular();''><option value='000'> - </option><option value='1'> F </option><option value='2'> FF </option><option value='3'> FFF </option><option value='4'> FFFF </option></select></td>");
}

document.write("<td><span id='resultado'></span></td>");
document.write("</tr>");


}


</script>

</table>
</form>
</body>
</html>

Link to post
Share on other sites

0 answers to this question

Recommended Posts

There have been no answers to this question yet

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Cloud Computing


  • Forum Statistics

    • Total Topics
      148716
    • Total Posts
      644534
×
×
  • Create New...