Olá pessoal, estou desenvolvendo um código de acordo com este enunciado:
1 Fazer uma página na qual o usuário entre com vários nomes, quantos ele desejar e um de cada vez.
2 Montar uma tabela onde cada um dos nomes digitados pelo usuário deve estar em uma linha da tabela juntamente com um índice. O índice deve iniciar em um e incrementar de um em um.
3 Para entrar com os parâmetros use a janela de prompt do navegador. Para interromper as entradas basta acionar o botão “cancel”, com isso a janela de prompt irá retornar null.
4 Formate as células de título da tabela usando os seguintes atributos: tamanho-da-fonte:15px, peso-da-fonte:700 e cor-de-fundo:#000033.
5 Formate as demais células da tabela usando os seguintes atributos: tamanho-da-fonte: 14px e cor-de-fundo:#000066. Todo o texto da tabela deve ter cor #cc e a tabela deve ter o atributo cor-de-fundo setado em #CCCCCC.`
Consegui desenvolver o código, porém, da erro, pois, quando se aperta em “cancelar”, ele conta como um espaço vazio dentro da tabela. (segue imagem)
Logo abaixo mostrarei meu código, gostaria de saber aonde estou errando…
[quote=“Gabriel_S, post:1, topic:355666, full:true”]
Olá pessoal, estou desenvolvendo um código de acordo com este enunciado:
1 Fazer uma página na qual o usuário entre com vários nomes, quantos ele desejar e um de cada vez.
2 Montar uma tabela onde cada um dos nomes digitados pelo usuário deve estar em uma linha da tabela juntamente com um índice. O índice deve iniciar em um e incrementar de um em um.
3 Para entrar com os parâmetros use a janela de prompt do navegador. Para interromper as entradas basta acionar o botão “cancel”, com isso a janela de prompt irá retornar null.
4 Formate as células de título da tabela usando os seguintes atributos: tamanho-da-fonte:15px, peso-da-fonte:700 e cor-de-fundo:#000033.
5 Formate as demais células da tabela usando os seguintes atributos: tamanho-da-fonte: 14px e cor-de-fundo:#000066. Todo o texto da tabela deve ter cor #cc e a tabela deve ter o atributo cor-de-fundo setado em #CCCCCC.`
Consegui desenvolver o código, porém, da erro, pois, quando se aperta em “cancelar”, ele conta como um espaço vazio dentro da tabela. (segue imagem)
script> window.onload = function() {
var i = 0;
var name = “”;
while (name != null) {
i = i += 1;
var name = prompt("Insira o nome");
AdicionaInfo();
}
function AdicionaInfo() {
var table = document.getElementById("myTable");
var row = table.insertRow(-1);
var cell1 = row.insertCell(-1);
var cell2 = row.insertCell(0);
cell1.innerHTML = name;
cell2.innerHTML = i;
}
}
</script>