Jendela Dialog pada Javascript

Jendela dialog pada JavaScript adalah fitur bawaan yang digunakan untuk berinteraksi langsung dengan pengguna melalui tampilan pop-up di browser. Pada artikel ini analiswinter.com akan membahas berbagai jenis jendela dialog seperti alert, prompt, dan confirm beserta contoh penggunaannya.

Jendela dialog sangat berguna untuk memberikan informasi, meminta input dari pengguna, atau meminta konfirmasi sebelum melakukan aksi tertentu. Dengan tampilan yang sederhana dan langsung muncul di layar, fitur ini membantu komunikasi cepat antara aplikasi dan pengguna.

Pengertian dan Jenis Jendela Dialog

Ada tiga jenis utama jendela dialog pada JavaScript:

Setiap jenis memiliki kegunaan tersendiri tergantung konteks aplikasi kalian.

1. Alert Dialog

alert() digunakan untuk menampilkan pesan kepada pengguna. Jendela ini hanya memiliki satu tombol “OK” dan tidak mengembalikan nilai.

alert("Selamat datang di analiswinter.com!");

Gunakan ini untuk notifikasi penting yang perlu diketahui pengguna.

2. Prompt Dialog

prompt() digunakan ketika kalian ingin meminta input dari pengguna. Jendela ini memiliki kolom input teks serta tombol “OK” dan “Cancel”.

let nama = prompt("Siapa nama kalian?");
alert("Halo, " + nama + "!");

Jika pengguna menekan “Cancel”, nilai yang dikembalikan adalah null. Selalu cek input sebelum digunakan lebih lanjut.

3. Confirm Dialog

confirm() cocok digunakan untuk konfirmasi tindakan seperti penghapusan data. Dialog ini memiliki tombol “OK” dan “Cancel”.

let yakin = confirm("Apakah kalian yakin ingin menghapus data ini?");
if (yakin) {
  alert("Data berhasil dihapus.");
} else {
  alert("Aksi dibatalkan.");
}

Fungsi ini mengembalikan nilai true jika pengguna menekan “OK” dan false jika menekan “Cancel”.

Kapan Menggunakan Masing-masing?

Berikut perbandingan situasi penggunaan:

Kesimpulan

Jendela dialog pada JavaScript seperti alert, prompt, dan confirm sangat bermanfaat untuk interaksi sederhana antara pengguna dan aplikasi. Masing-masing memiliki fungsi spesifik yang bisa digunakan sesuai kebutuhan.

Itulah tadi artikel dari analiswinter.com, jika ada hal yang ingin ditanyakan bisa langsung ke kolom komentar ya!