Puede crear un EventListener que escuchará cuando alguien haga clic en la etiqueta de anclaje ( <a></a> ). Entonces, para hacer esto, primero vamos a darle a nuestro ancla un nombre de clase, para este ejemplo:

 <a class="example">Click Me</a>

Ahora, en nuestro archivo javascript, debemos seleccionar este elemento por su nombre de clase. Para hacer eso necesitamos:

1. Definir una variable ( myVariable )
2. Seleccione la etiqueta de anclaje y asígnela a esa variable.

Asi que:

 var myVariable = document.querySelector('.example');

Creamos una variable y la llamamos myVariable . Usamos document.querySelector('.example') para seleccionar nuestro elemento ancla por su nombre de clase y asignarlo a nuestra variable.

Ahora necesitamos crear un EventListener:

 myVariable.addEventListener('click', () => { // some code to be executed })

Aquí puede ver que usamos la variable seguida de un punto (.) y addEventListener() .

P: ¿Por qué usamos el nombre de la variable? R: Usamos el nombre de la variable antes .addEventListener porque en realidad queremos "escuchar" cuando alguien ejecuta un evento específico en nuestra etiqueta ancla, en este caso el evento "clic".

Nota: nunca debe colocar dentro de algún elemento div.> Siempre los agrega al final de la página, antes de la etiqueta de cierre </body> .

Así que debería verse así:

 </body> <!--Some Code--> <script src="example.js"></script> </body>