Foro de elhacker.net

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