to com esse codigo aqui:
function aparecer(){
const array1 = [1,2,3,4,5,6,8,9,10];
for (let i=0; i < array1.length;i++){
const lugar = document.getElementById('local');
const ul = document.createElement('UL');
const valor = document.createTextNode(array1[i])
ul.appendChild(valor);
lugar.appendChild(ul)
break
}
}
function desaparecer(){
document.getElementById('local').innerHTML= '';
}
<html>
<button onClick='aparecer()'> Aparecer </button>
<button onClick='desaparecer()'> Desaparecer </button>
<div id='local'> </div>
</html>
E eu quero que a cada clique, apareça apenas 3 numeros. Exemplo: Cliquei em aparecer
, ai aparece: 1,2,3 cliquei novamente, aparece 4,5,6 cliquei de novo, 7,8,9 e logo apos clicar novamente aparecer so o 10.
Sempre criando um novo UL, e nao substituindo o atual.
Como faço isso ?