Test Foro de elhacker.net SMF 2.1

Buenas tardes,

tengo lo siguiente...

HTML

<button type="button" class="the_button" onclick="alert(1);">Mostrar 1</button>


y quiero hacer lo siguiente...

document.querySelectorAll('.the_button')[0].onclick = console.log(1);


Es decir, reemplazar la función... en vez de mostrar el 1 con un alert mostrarlo por consola... ¿Como podría hacer esto?

EDIT:
Solución:


document.querySelectorAll('.the_button')[0].onclick = function()
{
       console.log(1);
};


Lo mejor que puedes hacer es dejar de sobreescribir los eventos y en cambio añadir escuchas.

https://www.simonewebdesign.it/onclick-vs-addeventlistener/


document.querySelectorAll('.the_button')[0].addEventListener('click', function (event) {
   console.log(1);
});

Así permites múltiples eventos.

Saludos