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

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: 2020-05-08T13:55:22+05:30

434 Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements