1
resposta

[Sugestão] Clicar em Sortear repetidas vezes

Ao clicar em "Sortear" repetidas vezes é incrementada uma nova lista do sorteio abaixo da outra. Inclui uma linha na função sortear() para que limpa a lista-sorteio antes de sortear. Agora, caso aconteça, será exibida apenas o último sorteio.
function sortear(){
document.getElementById('lista-sorteio').innerHTML = '';
if(amigos.length < 4) {
alert('Adicione pelo menos quatro pessoas.');
return;
}
embaralha(amigos);
let sorteio = document.getElementById('lista-sorteio');

for (let i = 0; i < amigos.length; i++){

    if(i == amigos.length - 1) {
        sorteio.innerHTML = sorteio.innerHTML + amigos[i] + ' --> ' + amigos[0] + '<br>';
    } else {
        sorteio.innerHTML = sorteio.innerHTML + amigos[i] + ' --> ' + amigos[i + 1] + '<br>';
    }
}

}

1 resposta

Oi, Laert! Como vai?

Agradeço por compartilhar seu código com a comunidade Alura.

Sua solução deixa o sorteio mais limpo ao remover o conteúdo anterior antes de gerar um novo. Isso torna a experiência mais clara para quem estiver usando a aplicação.

Uma dica interessante para o futuro é usar textContent quando quiser inserir apenas texto sem formatação. Veja este exemplo:


let elemento = document.getElementById('caixa');
elemento.textContent = 'novo texto';

Esse código substitui o texto da div sem interpretar tags HTML.

Qualquer dúvida que surgir, compartilhe no fórum. Abraços e bons estudos!

Alura Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!