[Pregunta]: ¿Como puedo reemplazar una función en onclick=""?

[Leguim]

Buenas tardes,

tengo lo siguiente...

HTML

Código (html) [Seleccionar] Expandir


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


y quiero hacer lo siguiente...

Código (javascript) [Seleccionar] Expandir


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:

Código (javascript) [Seleccionar] Expandir


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


[#!drvy]

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

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

Código (javascript) [Seleccionar] Expandir

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

Así permites múltiples eventos.

Saludos