Sobre comportamentos na página: Javascript ou CSS?

Boa noite Ednirli Avançando um pouquinho mais na linguagem JavaScript descobrimos de existem algumas formas de você escutar eventos na página através de métodos nativos do JavaScript.

Temos como exemplo o metodo 'addEventListener' que deriva de um elemento selecionado da página, ou até mesmo da página inteira através da variável global 'window'. Este método tem a função de 'escutar' quando certo evento é disparado por aquele elemento, e dessa forma disparar uma função.

Vejamos um exemplo de código simples aonde temos um elemento button com o id 'foo' :

<button id ='foo'>clique</button>

var button = document.getElementById("foo"); 
// selecionando o elemento do nosso arquivo .html

function digaOi() { 
  console.log("oi");
}
// função que imprime no console a palavra 'oi'

button.addEventListener("click", digaOi );
// ao botão ser clicado disparamos a evento 'click', que imediatamente dispara uma função

Essa e uma das milhares de formas que podemos saber aonde o usuário mexendo atravez do JavaScript.

Recomendo estudar afundo manipulação do DOM com JavaScript.

Link para aprofundamento: https://www.w3schools.com/js/js_htmldom.asp