Disponha!
Sobre o addEventListener, acredito que será explicado em algum outro curso um pouco mais avançado. Mas é bem simples:
o addEventListener faz com que o elemento fique "ouvindo" o que acontece. Por exemplo, temos um botão que precisa ativar a função "concluído" quando clicado. Podemos fazer assim:
function concluido(){
console.log("Concluído")
}
let botao = document.getElementById('botao')
botao.addEventListener('click', concluido)
O addEventListener espera dois parâmetros: Qual evento eu quero observar e o que eu quero que aconteça quando ele ocorrer.
No exemplo, eventListener está observando quando haverá um 'click' (Existem outros eventos, como 'keypress', 'mouseover', etc.
Por fim, ele espera uma função para chamar quando esse evento ocorrer. Que no nosso caso, é a função "concluido".
Você pode ver mais à respeito nesse link:
https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener
Espero ter ajudado!