Question

Alguem poderia me ajuda na criação dessa atividade em JS e HTML


A partir do seguinte vetor:


var nomes = ["Diego", "Gabriel", "Lucas", "Jose"];


Preencha uma lista ( lista não ordenada) no HTML com os itens da seguinte forma:

· Diego

· Gabriel

· Lucas

· Jose


Seguindo o resultado do exercício anterior adicione um input em tela e um botão como a seguir:


Adicionar


Ao clicar no botão, a função adicionar() deve ser disparada adicionando um novo item a lista de nomes baseado no nome preenchido no input e renderizando o novo item em tela juntos aos demais itens anteriores. Além disso, o conteúdo do input deve ser apagado após o clique.

Answer 1

Resposta:

var nomes = ["Diego", "Gabriel", "Lucas", "Jose"];

function adicionar() {

   var inputRef = document.getElementById('meuInput').value

   nomes.push(inputRef)

   document.getElementById('meuInput').value = ''

}

<input id="meuInput">

<button onclick="adicionar">Adicionar</button>

Explicação:

Pra renderizar essa lista, basta usar o map na variáveis de nomes