Changes.

Instead of just document.querySelector an element and then attach the eventListerner to itself.

document.querySelector('.example').addEventListener('click', () => {
// some juicy code here
})

What about to store that element on a variable and the attach the event listener to that variable. Something like this:

const exampleVarible = document.querySelector('.example');

exampleVariable.addEventListener('click', () => {
// some juicy code here
})

Benefits

This could improve code readability and code reuse.