I have this code here:
var current = 0;
var array1 = [1,2,3,4,5,6,8,9,10];
function aparecer(){
//verifica se o current é maior do que o array
if ( (array1.length - 1) < current ) {
alert("oi");
//isso deveria parar a função
return false;
}
for (var i= current; i <= (current + 2); i++){
const lugar = document.getElementById('local');
const ul = document.createElement('UL');
const valor = document.createTextNode(array1[i])
ul.appendChild(valor);
lugar.appendChild(ul);
}
current = i;
}
function desaparecer(){
current = 0;
document.getElementById('local').innerHTML= '';
}
<html>
<button onClick='aparecer()'> Aparecer </button>
<button onClick='desaparecer()'> Desaparecer </button>
<div id='local'> </div>
</html>
And at each click I want to update the value 1,2,3, to 4,5,6, so in succession and not to add on the screen again.
Can anyone help me?