To detect whether the browser is online or offline with JavaScript, the code is as follows −
Example
<!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 −
