Cara Cek Koneksi Internet dengan JavaScript

Posted on

Koneksi internet adalah faktor penting dalam pengalaman pengguna di web. Terkadang, dalam pengembangan aplikasi web, Anda mungkin perlu memeriksa apakah perangkat pengguna terhubung ke internet atau tidak. Dalam artikel ini, kami akan menunjukkan kepada Anda cara sederhana untukcek status koneksi internet dengan JavaScript dan mencetak statusnya ke console.log seperti pada gambar berikut:

Cara Cek Koneksi Internet dengan JavaScript

Penggunaan navigator.onLine

JavaScript menyediakan properti bawaan navigator.onLine yang memungkinkan kita memeriksa status koneksi internet pengguna. Properti ini mengembalikan true jika perangkat terhubung ke internet, dan false jika tidak terhubung.

Mari lihat contoh kode berikut:

function checkInternetConnection() {
  if (navigator.onLine) {
    console.log('Koneksi internet terhubung.');
  } else {
    console.log('Tidak ada koneksi internet.');
  }
}

// Mengecek status koneksi saat halaman dimuat
window.addEventListener('load', checkInternetConnection);

// Mengecek status koneksi saat ada perubahan
window.addEventListener('online', checkInternetConnection);
window.addEventListener('offline', checkInternetConnection);

Dalam kode di atas:

  • Kita mendefinisikan fungsi checkInternetConnection yang memeriksa status koneksi internet dan mencetak pesan ke console.log berdasarkan statusnya.
  • Event listener dengan 'load' akan memeriksa status koneksi saat halaman web dimuat.
  • Event listener dengan 'online' dan 'offline' akan memeriksa status koneksi saat ada perubahan status.

Ketika perangkat terhubung ke internet, pesan “Koneksi internet terhubung.” akan ditampilkan di console.log. Saat tidak terhubung, pesan “Tidak ada koneksi internet.” akan muncul.

Semoga artikel Cara Cek Koneksi Internet dengan JavaScript ini bermanfaat.