How to detect whether the browser is online or offline with JavaScript?


To detect whether the browser is online or offline with JavaScript, the code is as follows −

Example

 Live Demo

<!DOCTYPE html>
<html>
<body>
<h1>Online or offline with JavaScript example</h1>
<h2>Click the button below to check if you are online or not</h2>
<button onclick="checkOnlineOffline()">Check online/offline</button>
<h2 class="sample"></p>
<script>
   function checkOnlineOffline() {
      if(navigator.onLine===true){
         document.querySelector('.sample').innerHTML = "You are connected to internet"
      } else {
         document.querySelector('.sample').innerHTML = "You are not connected to internet"
      }
   }
</script>
</body>
</html>

Output

The above code will produce the following output −

On clicking the “Check online/offline” button −

Updated on: 08-May-2020

303 Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements