Estou estudando a DOM do JS e tive umas dificuldades.Preciso mostrar os elementos desse vetor como tags li do HTML: let nomes = ["Diego", "Gabriel", "Lucas"];
Meu código é esse:
function gerar(){
let nomes = ["Diego", "Gabriel", "Lucas"];
let lista = document.querySelector('#lista');
let item = document.createElement('li');
for(let item of nomes){
lista.appendChild(item);
}
}
<input type="button" onclick="gerar()" value="Clique">
<ul id="lista">
</ul>
<script src="index.js"></script>