Si tengo un montón de botones en HTML y ejecuto:

 const buttons = document.querySelectorAll('button'); buttons.forEach((btn) => { btn.addEventListener('click', (e) => { console.log(btn.textContent); console.log(e.target.textContent); }); });

¿Cuál es la diferencia entre btn y e.target? Sé que podría usar la delegación de eventos para hacer esto más limpio, pero quiero saber si estos son exactamente iguales y se pueden usar indistintamente.