Dynamic table array coming empty javaScript [duplicate]

0

This is what I have a javaScript dynamic table in which it includes a row with some data filled by the user, in the method of adding the row I put an array passing also the fields that I am sending to the table but when I see the values of the array does not appear anything like it is empty follows the code.

<html>
<head>
	<title> pedido </title>
        
    <script LANGUAGE="JavaScript">
         
           
    totals =0;
   //Função que adiciona linha na tabela
    function adiciona(){
      
        //Array para pegar o valores mandados para a tabela
        var itens = [];
        var prod = document.getElementById('cprod').value; 
        var qtd = document.getElementById('cquant').value; 
        itens.push(prod, qtd); 
        
       
        
        
        
    totals++
        tbl = document.getElementById("tabelaBanco");
 
        var novaLinha = tbl.insertRow(-1);
        var novaCelula;
 
        if(totals%2==0) cl = "#FFFFFF";
        else cl = "##FFFFFF";

        novaCelula = novaLinha.insertCell(0);
        novaCelula.align = "left";
        novaCelula.style.backgroundColor = cl;
        novaCelula.innerHTML = document.getElementById('cprod').value;
        totals;
 
        novaCelula = novaLinha.insertCell(1);
        novaCelula.align = "left";
        novaCelula.style.backgroundColor = cl;
        novaCelula.innerHTML =  document.getElementById('cquant').value;
      

         novaCelula2 = novaLinha.insertCell(2);
         novaCelula.align = "left";
        novaCelula.style.backgroundColor = cl;
        var btnEl = document.createElement('input');  
        btnEl.setAttribute('type', 'button'); 
        btnEl.setAttribute('class', 'btn'); 
        btnEl.onclick = function ()      {deleteRow(this.parentNode.parentNode.rowIndex)};  
        btnEl.setAttribute('value', 'Delete');  
       novaCelula2.appendChild(btnEl);   
       
       
     
    }
    
    function deleteRow(i){
    document.getElementById('tabelaBanco').deleteRow(i)
}
//Função de teste para ver se esta pegando o array
function pedido(){
    alert(itens);
}

</script>

</head>
<body>

    <table>
       
    <td>  Produto: <input type="text" name="produto" id="cprod" /> </td>  
        
      <td> Quantidade: <input type="number" name="quantidade" id="cquant" /> </td>
      <td> <input type='button' id='incluir' value='Incluir Produto' class="btn btn-primary" onclick='adiciona()'/> </td>
    </table>
    
     <table id='tabelaBanco' class="table table-hover" border='0' width='100%'>
    <thead>
        <tr style='background-color:#FBF6F7'>
            <td class="produto"><strong>Produto</strong></td>
            <td class="quantidade"><strong>Quantidade</strong></td>
            <td><strong>Excluir</strong></td>
        </tr>
    </thead>
    <tbody>
        <!-- Linhas e colunas correspondente aos seus registros -->
    </tbody>
</table>
    
    <p> <input type='button' id='confirmar' value='Confirmar Pedido' class="btn btn-primary" onclick='pedido()'/> 
    
</body>
</html>

The only thing I want is to put the data in the array

    
asked by anonymous 17.11.2015 / 15:18

1 answer

1

You are declaring the variable itens within the scope of the adiciona() function. Try declaring it in the global scope along with the totals variable.

    
17.11.2015 / 15:31