Estou começando no JavaScript e me surgiu uma pequena dúvida.
Eu tenho mais de 5 parágrafos diferentes. Sempre quando clicar no botão eu quero que ele remova o parágrafo que está na tela e adicione o parágrafo seguinte, e prosseguir assim até o último parágrafo.
Eu consigo trocar somente do primeiro para o segundo, mas depois não consigo pensar em como fazer para alterar do segundo para o terceiro, etc.
Meu código:
const paragrafo = document.querySelector('.paragrafo');
const botao = document.querySelector('.botao');
botao.addEventListener('click', () => {
paragrafo.innerText = 'parágrafo 2'
})
Agradeço a ajuda.