Beranda
JavaScript

Jendela Dialog pada JavaScript

Jendela dialog pada JavaScript seperti alert, prompt, dan confirm sangat berguna untuk membuat interaksi dasar dengan pengguna secara cepat
Kode Violet
Jendela dialog pada JavaScript seperti alert, prompt, dan confirm sangat berguna untuk membuat interaksi dasar dengan pengguna secara cepat dan sederhana.

Jendela dialog pada JavaScript merupakan salah satu fitur penting yang membantu interaksi antara halaman web dengan pengguna. Dengan jendela dialog ini, kalian bisa menampilkan pesan, mengambil input, hingga memberikan pilihan konfirmasi. Pada artikel ini kodeviolet.com akan membahas secara lengkap mengenai jenis-jenis jendela dialog di JavaScript beserta penggunaannya.

Jenis-Jenis Jendela Dialog pada JavaScript

JavaScript menyediakan tiga jenis jendela dialog yang sering digunakan, yaitu:

1. Alert Dialog

Alert dialog digunakan untuk menampilkan pesan singkat atau peringatan kepada pengguna. Dialog ini hanya memiliki satu tombol yaitu tombol OK.

Contoh Alert Dialog:

alert("Selamat datang di website kami!");

2. Prompt Dialog

Prompt dialog digunakan untuk mengambil input dari pengguna. Dialog ini memiliki tombol OK dan Cancel, serta kotak input untuk pengguna mengetikkan sesuatu.

Contoh Prompt Dialog:

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

3. Confirm Dialog

Confirm dialog digunakan untuk menampilkan pertanyaan konfirmasi kepada pengguna. Dialog ini memiliki tombol OK dan Cancel, dan akan mengembalikan nilai true jika pengguna menekan OK, dan false jika Cancel.

Contoh Confirm Dialog:

let konfirmasi = confirm("Apakah kalian ingin melanjutkan?");
if (konfirmasi) {
    alert("Kalian memilih OK!");
} else {
    alert("Kalian memilih Cancel!");
}

Tabel Penjelasan Jendela Dialog

Jenis Dialog Fungsi Sintaks Keterangan
Alert Menampilkan pesan informasi sederhana alert("Pesan"); Hanya tombol OK
Prompt Meminta input dari pengguna prompt("Pertanyaan", "Nilai Default"); Tombol OK dan Cancel, mengembalikan nilai input
Confirm Menampilkan konfirmasi confirm("Pertanyaan"); Tombol OK dan Cancel, mengembalikan nilai true atau false

Kapan Menggunakan Jendela Dialog?

  • Alert digunakan untuk memberikan informasi singkat atau peringatan kepada pengguna.
  • Prompt cocok ketika kalian memerlukan data masukan sederhana dari pengguna.
  • Confirm tepat untuk memastikan keputusan pengguna sebelum menjalankan aksi tertentu.

Kesimpulan

Jendela dialog pada JavaScript seperti alert, prompt, dan confirm sangat berguna untuk membuat interaksi dasar dengan pengguna secara cepat dan sederhana. Dengan mengetahui kapan dan bagaimana penggunaannya, kalian bisa meningkatkan pengalaman pengguna di website kalian. Itulah tadi artikel dari kodeviolet.com, jika ada pertanyaan silakan tuliskan di kolom komentar!

Posting Komentar