1

Estou querendo adicionar o nome digitado no prompt em um array e apresenta os nomes em uma table mas ao adicionar ele apresenta o valor null na table.

 var nomes=[];
var indice=[];
    var i=1;

    window.onload=function(){


            do{
         var nome=  prompt("Digite o nome");    
             cadastrarProduto(nome);


                 }while (nome != null );
        listarProdutos();
      console.log("nome"+nome);



    }



function cadastrarProduto(nome){

    nomes[i]=nome;


   indice[i]=i;



}



function listarProdutos(){
    var conteudo="<table border='2'>";
     conteudo+="<tr>";
     conteudo+="<th>";
    conteudo+="<div class='indice'><p>Indice</p></div>";
      conteudo+="</th>";
    conteudo+="<th>";
    conteudo+="<div class='nome'><p>Nome</p></div>";
      conteudo+="</th>";
     conteudo+="</tr>";
    //pos contator
    for(var pos=1;pos<indice.length;pos++){
        conteudo+="<tr>";

        conteudo+="<td>"+indice[pos]+"</td>";


        conteudo+="<td>"+nomes[pos]+"</td>";

        conteudo+="</tr>";
    }
    conteudo+="</table>";
    document.getElementById("txtrelatorio").innerHTML=conteudo;
}

2 Respostas 2

2

Tem algumas coisas que precisa corrigir:

  • Faltou aumentar o valor de i no cadastrarProduto o que faz com que esteja sempre na posição 1 ficando apenas com um nome.
  • Quando cancela o promptnull que esta também a ser adicionado ao array
  • Sendo o i para a posição no array deve começar em 0.

Na verdade até nem é preciso um array para guardar os indices.

Veja como o seu código pode ficar mais simples:

//agora sem os indices
var nomes = []; 

window.onload = function() {

  do {
    var nome = prompt("Digite o nome");
    if (nome){ //so adiciona se não for null
      cadastrarProduto(nome);
    }
  } while (nome != null);
  
  listarProdutos();
  console.log("nome" + nome);
}

function cadastrarProduto(nome) {
  nomes.push(nome); //para adicionar ao array basta chamar a função push
}

function listarProdutos() {
  var conteudo = "<table border='2'>";
  conteudo += "<tr>";
  conteudo += "<th>";
  conteudo += "<div class='indice'><p>Indice</p></div>";
  conteudo += "</th>";
  conteudo += "<th>";
  conteudo += "<div class='nome'><p>Nome</p></div>";
  conteudo += "</th>";
  conteudo += "</tr>";
  
  for (var pos = 0 /*agora começa em 0*/; pos < nomes.length; pos++) {
    conteudo += "<tr>";
    conteudo += "<td>" + (pos+1) + "</td>"; //aqui escreve o índice correto
    conteudo += "<td>" + nomes[pos] + "</td>";
    conteudo += "</tr>";
  }

  conteudo += "</table>";
  document.getElementById("txtrelatorio").innerHTML = conteudo;
}
<div id="txtrelatorio"></div>

0
<script>
var nomes=[];
var i=1;

window.onload=function(){
    do{
        var nome=prompt("Digite o nome para o indice " + i + ":");
        if(nome){
            console.log("nome[" + i + "]: " + nome);
            cadastrarProduto(nome);
        }
    }while(nome!=="");

    listarProdutos();
}

function cadastrarProduto(nome){
    nomes[i]=nome;
    i++;
}

function listarProdutos(){
    var conteudo="<table border='2'>";
    conteudo+="<tr>";
    conteudo+="<th>";
    conteudo+="<div class='indice'><p>Indice</p></div>";
    conteudo+="</th>";
    conteudo+="<th>";
    conteudo+="<div class='nome'><p>Nome</p></div>";
    conteudo+="</th>";
    conteudo+="</tr>";

  //pos contator
    for(var pos=1;pos<nomes.length;pos++){
        conteudo+="<tr>";
        conteudo+="<td>"+pos+"</td>";
        conteudo+="<td>"+nomes[pos]+"</td>";
        conteudo+="</tr>";
    }
    conteudo+="</table>";
    document.getElementById("txtrelatorio").innerHTML=conteudo;
}
</script>

<div id="txtrelatorio"></div>

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .