MENSAGEM NO CONSOLE

Olá, Milena!

Aqui é o código html que cria o botão e é passado um id: adicionar-paciente , que será capturado no javascript.

<button id="adicionar-paciente" class="botao bto-principal">Adicionar</button>

Já na parte do javascript podemos selecionar elementos html usando o document.querySelector que pode capturar o elementos pelo no da tag, por id ou classes.

Veja que no exemplo ele guarda a seleção do botal na variável: botaoAdicionar.

var botaoAdicionar = document.querySelector("#adicionar-paciente");

Depois ele usa a variável que já contém a captura do botão lá do html. Mas para ter uma interação ele tem que usar um método para capturar a interação do usuário com o botão lá no html. E esse método é o : .addEventListener("click", function(){}); que precisa de um parametro click e uma função para fazer a verificação da interação.

botaoAdicionar.addEventListener("click", function(){
    console.log("Oi, cliquei no botão.");
});

Quando a pessoa clica no botão o script aciona a função e exibe a mensagem dentro do console.

Espero ter ajudado, uma dica é fazer várias vezes as partes que não compreendemos bem.

Bons estudos!

Milena utilizando o código :

botaoAdicionar.addEventListener("click", function(){ console.log("Oi, cliquei no botão."); });

você tera a mensagem exibida no console do navegador, caso queira um alert na pagina basta alterar o console.log por alert da seguinte forma

botaoAdicionar.addEventListener("click", function(){ alert("Oi, cliquei no botão."); });