Mengenal 3 Macam Jendela Dialog pada Javascript

Jendela dialog adalah jendela yang digunakan untuk berinteraksi dengan pengguna. Jendela dialog dapat digunakan untuk berbagai tujuan, seperti menampilkan pesan, meminta konfirmasi, atau mengumpulkan input dari pengguna.

{getToc} $title={Table of Contents}

Pada Javascript, terdapat 3 macam jendela dialog, yaitu:

1. Jendela dialog alert()
2. Jendela dialog confirm()
3. Jendela dialog prompt()

Jendela Dialog alert()

Jendela dialog alert() digunakan untuk menampilkan pesan kepada pengguna. Pesan yang ditampilkan dalam jendela dialog alert() tidak dapat diubah oleh pengguna.

Baca juga: 4 Cara Mudah Menampilkan Output pada JavaScript

Untuk menampilkan jendela dialog alert(), kita dapat menggunakan fungsi alert() berikut:

alert("Pesan untuk pengguna"); {codeBox}

Contoh:

alert("Selamat datang di website ini!"); {codeBox}

Jendela Dialog confirm()

Jendela dialog confirm() digunakan untuk meminta konfirmasi dari pengguna. Pengguna dapat memilih untuk mengonfirmasi atau menolak pesan yang ditampilkan dalam jendela dialog confirm().

Untuk menampilkan jendela dialog confirm(), kita dapat menggunakan fungsi confirm() berikut:

var hasil = confirm("Apakah Anda yakin?"); {codeBox}

Nilai variabel hasil akan berisi nilai true jika pengguna mengonfirmasi pesan, atau false jika pengguna menolak pesan.

Contoh:

var hasil = confirm("Apakah Anda yakin ingin menghapus data ini?");

if (hasil) {

  // Pengguna mengonfirmasi

  // Lakukan tindakan menghapus data

} else {

  // Pengguna menolak

  // Batalkan tindakan menghapus data

} {codeBox}

Jendela Dialog prompt()

Jendela dialog prompt() digunakan untuk mengumpulkan input dari pengguna. Pengguna dapat memasukkan teks, angka, atau nilai lain ke dalam jendela dialog prompt().

Baca juga: Memahami Variabel dan Tipe Data dalam Javascript

Untuk menampilkan jendela dialog prompt(), kita dapat menggunakan fungsi prompt() berikut:

var input = prompt("Masukkan nama Anda:"); {codeBox}

Nilai variabel input akan berisi nilai yang dimasukkan oleh pengguna.

Contoh:

var input = prompt("Masukkan nama Anda:");

// Tampilkan nama yang dimasukkan pengguna

alert("Nama Anda adalah: " + input); {codeBox}

Kesimpulan

Jendela dialog adalah alat yang berguna untuk berinteraksi dengan pengguna. Dengan menggunakan jendela dialog, kita dapat menampilkan pesan, meminta konfirmasi, atau mengumpulkan input dari pengguna.

Berikut adalah beberapa tips untuk menggunakan jendela dialog pada Javascript:

• Gunakan jendela dialog alert() untuk menampilkan pesan yang tidak memerlukan interaksi dari pengguna.
• Gunakan jendela dialog confirm() untuk meminta konfirmasi dari pengguna sebelum melakukan tindakan tertentu.
• Gunakan jendela dialog prompt() untuk mengumpulkan input dari pengguna.