En este capítulo detectaremos el estado de red de la aplicación que estemos creando, por lo que vamos a crear un archivo nuevo denominado deteccion_red.js, que hará justamente ésto, detectar si hay o no red. Vamos a aprovecharnos del objeto navigator, del cual obtendremos un valor booleano que nos va a indicar si tenemos o no conexión a Internet. La función que creemos no necesita ejecutarse a la carga del documento, sino que se ejecutará cuando el navegador detecte que hemos perdido la conexión, con lo que, al igual que la función darkTheme() que en su momento hicimos, irá fuera.
El objeto navigator tiene una propiedad denominada onLine, que nos va a indicar true o false en el caso de que haya o no conexión. Javascript ya tiene preparados dos eventos de la ventana, llamados online y offline.
Archivos
Los archivos para el funcionamiento de este ejercicio se encuentran en el siguiente enlace.