Olá, estou com duas dúvidas:
A Primeira, tentei adicionar os eventos "mouseenter" e "mouseout", para o botão "adicionar-paciente" mudando o background em cada evento, e funciona, no entanto, funciona apenas uma vez, quanto entro novamente com o mouse, não funciona, apenas quando carrego a pagina. Abaixo segue o trecho do código JavaScript:
var botao = document.querySelector("#adicionar-paciente")
botao.addEventListener("click", function(){
alert("Botão clicado !!")
})
botao.addEventListener("mouseenter", function(){
botao.classList.add("botao-selecionado")
})
botao.addEventListener("mouseout", function(){
botao.style.background = '#0c8cd3'
})
A segunda, como pode ver no codigo, criei 3 addEventListener queria saber se é possível adicionar mais de uma função ou evento,como por exemplo adicionar um "mouseenter" e um "mouseout" cada um com suas funções em um mesmo addEventListener.