development_Hactoberfest2025/deviceInternetStatus.html at main · vishakha-kaithwas/development_Hactoberfest2025 · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<!DOCTYPE html>
<html>
<head>
    <title>Check Internet Connection</title>
</head>
<body>
    <div id="status">Checking internet connection...</div>

    <script>
        function checkInternetConnection() {
            const statusElement = document.getElementById('status');
            const online = window.navigator.onLine;

            if (online) {
                statusElement.textContent = 'Internet is connected.';
            } else {
                statusElement.textContent = 'Internet is not connected.';
            }
        }

        // Check the internet connection status initially and then listen for online/offline events.
        checkInternetConnection();

        window.addEventListener('online', checkInternetConnection);
        window.addEventListener('offline', checkInternetConnection);
    </script>
</body>
</html>