Nivel 1
Nivel 2
Nivel 3
Nota: el lugar donde se ubica el llamado al archivo JS dentro del documento HTML es importante, ya que en el caso de colocarlo en el header, si se da el caso de que se necesite llamar a un elemento que aún no ha cargado, se pueden originar errores.
Esto se puede solucionar incluyendo la propiedad "defer" en la etiqueta "script", ya que esta indica que se debe esperar a que se cargue el DOM antes de realizar la llamada al archivo JS, de ese modo no importa dónde se ubique esta.