Segundo a resposta do @Rafael Costa "Vc tem que usar um addEventListener pra monitorar o evento de click no botão, nele vc passa o tipo de evento e a função que é chamada".
addEventListener(evento, funçao[, opcional]);
O primeiro parâmetro é o tipo do evento (como " click" ou " mousedown" ou qualquer outro evento HTML DOM .)
O segundo parâmetro é a função que queremos chamar quando o evento ocorrer.
O terceiro parâmetro é opcional e está bem explicado nesse link.
Observe que você não usa o prefixo "on
" para o evento; use "click
" em vez de " onclick
".
document.querySelector('button.botao').addEventListener("click", MarcusVinicius);
function MarcusVinicius() {
alert("Botao clicado exemplo 1");
}
<button class="botao">Click me</button>
Segundo exemplo
var btnElement = document.querySelector('button.botao');
btnElement.addEventListener("click", function() {
alert('Botao clicado exemplo 2');
});
<button class="botao">Click me</button>
Terceiro exemplo
var btnElement= document.querySelector("button.botao"); // Acessando o botão //
btnElement.addEventListener("click", MarcusVinicius); //chamando a função MarcusVinicius quando o evento click ocorrer //
function MarcusVinicius(){
alert('Botao do terceiro exemplo clicado');
};
<button class="botao">Click me</button>
