Jump to content
Fórum Script Brasil
  • 0

funções inserindo valores em tabela


Wanderson Silva
 Share

Question

Boa tarde,

criei uma função chamada materia, e estou tentando fazer com que, a partir dos parâmetros passados a ela, sejam inseridos tags e valores numa tabela, sem sucesso. código a seguir:

 

 

<script type="text/javascript">         function materia(nome, n1, n2, n3, n4){                 $('.live').append('<tr id="' + nome + '"></tr>');                 $('#' + nome).html('<td>' + nome + '</td>');

        };

 </script>

<script type="text/javascript">         materia('Artes', '6.0', '6.0', '6.0', '5.5');         materia('História', '6.0', '6.0', '6.0', '5.5');     </script>

 

 

 

 

e agora o HTML que deveria ser manipulado:

 

 


<table>
        <thead class="cabeca">
            <tr class="cabeca">
                <td>Matéria</td>
                <td>Nota I</td>
                <td>Nota II</td>
                <td>Nota III</td>
                <td>Nota IV</td>
                <td>Média</td>
                <td>Situação</td>
            </tr>
        </thead>
        <tbody class="live">

            
        </tbody>
    </table>

 

 

 

os dados são fictícios, o primeiro script ainda está incompleto, já que não consegui fazer com que os dados já fossem inseridos, não quis completar sem antes conseguir que funcionasse.

Desde já agradeço

Edited by Wanderson Silva
Link to comment
Share on other sites

3 answers to this question

Recommended Posts

  • 0

Tenta assim:

function materia(nome, n1, n2, n3, n4) {     
    var $tbody = $('.live');
  var $tr = $('<tr>').attr('id',nome).appendTo($tbody);
  $('<td>').html(nome).appendTo($tr);
  $('<td>').html(n1).appendTo($tr);
  $('<td>').html(n2).appendTo($tr);
  $('<td>').html(n3).appendTo($tr);
  $('<td>').html(n4).appendTo($tr);
  
  var total = parseFloat(n1)+parseFloat(n2)+parseFloat(n3)+parseFloat(n4);
  var media = total/4;
  $('<td>').html(media).appendTo($tr);
  
  if (media > 7) {
      var situacao = 'Aprovado';
  } else if (media > 3) {
      var situacao = 'Prova Final';
  } else {
      var situacao = 'Reprovado';
  }
  $('<td>').html(situacao).appendTo($tr);
};

$(window).ready(function() {
    materia('Artes', '6.0', '6.0', '6.0', '5.5');
    materia('História', '6.0', '6.0', '6.0', '5.5'); 
});

https://jsfiddle.net/xc1cw7jz/

Link to comment
Share on other sites

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.

 Share

  • Forum Statistics

    • Total Topics
      149.6k
    • Total Posts
      646.2k
×
×
  • Create New...