Manipuladores de eventos

Grande parte das coisas que queremos fazer com Javascript está relacionada com eventos. A maneira mais fácil de conectar um evento à execução de uma função é criar o que chamamos de manipulador de evento. Veja um exemplo para o evento de clique do mouse (onclick):

const botao = document.querySelector("#btn-pro");
const alerta = document.querySelector(".alerta-indisponivel");

function revelar() {
    botao.classList.toggle("hide");
    alerta.classList.toggle("hide");
}

botao.onclick = revelar;