Olá, segue a minha implementação do que foi aprendido em aula.
const removerTarefas = (somenteCompletas)=> {
// const seletor = somenteCompletas ? '.app__section-task-list-item-complete' : '.app__section-task-list-item' //(mesma coisa foi feita na linha de baixo)
let seletor = '.app__section-task-list-item' // criando constante estabelecendo que se não forem completas vao ser removidas todas com essa 1º classe.
if (somenteCompletas) {
seletor = '.app__section-task-list-item-complete' // caso as tarefas foram completas somente serão deletadas as tarefas com essa classe.
}
document.querySelectorAll (seletor).forEach(elemento =>{
elemento.remove()
})
tarefas = somenteCompletas ? tarefas.filter(elemento => !tarefa.completa) : [] //Se completas filtra se não array vazio.
atualizarTarefas()
}
btnRemoverConcluidas.onclick = () => removerTarefas(true); //Remove somente as tarefas concluidas.
btnRemoverTodas.onclick = () => removerTarefas (false); // remove todas as tarefas.
Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!