No projeto do Jogo de RPG, você aprendeu a definir o comportamento de um botão, editando a propriedade onclick. Você também pode editar o comportamento de um elemento adicionando um "ouvinte" de eventos. O exemplo a seguir usa o método addEventListener para adicionar um evento de clique a um botão. Ao clicar no botão, a função printName é chamada.

<button class="btn">Print name</button>

const button = document.querySelector('.btn');
function printName() {
  console.log("Jessica");
}
button.addEventListener('click', printName);

O método addEventListener recebe dois argumentos. O primeiro é o evento para escutar. (Ex. 'click') O segundo é a função de callback, ou a função que é executada quando o evento é acionado. Chame o método .addEventListener() no addEntryButton. Passe a string "click" para o primeiro argumento e a função addEntry para o segundo argumento. Observe que você não deve *chamar* addEntry, mas passar a variável (ou <dfn>referência de função</dfn>) diretamente.

Testes:

• Você deve chamar o método `.addEventListener()` de `addEntryButton`.
• Você deve passar `"click"` como o primeiro argumento para o método `.addEventListener()`.
• Você deve passar `addEntry` como o segundo argumento para o método `.addEventListener()`.