Categories: Artikel JavaScript

Menampilkan Kotak Obrolan Memakai Fitur Window

Dengan BOM via objek window anda sanggup membuat suatu kotak obrolan sederhana yang memungkinkan pengguna mengetahui sesuatu atau untuk menanyakan suatu pertanyaan sederhana.

Ada tiga tipe kotak obrolan yang didukung oleh semua browser utama: alert(), confirm(), dan prompt(). Anda sanggup mengakses ketiga tipe kotak obrolan itu tanpa atau memakai prefix window.

Alert()
Kotak obrolan yang sangat simple yakni kotak obrolan Alert, tipe ini umumnya hanya dipakai menampilkan sesuatu yang mungkin pengguna untuk diketahui, contohnya:

<A HREF="http://www.google.com" ONCLICK="alert(‘Visit to Google.com.’);">Visit to Google.com</A>

Nantinya, dikala pengguna mengklik, ia akan melihat kotak kecil yang hanya berisi pesan dan satu tombol bertuliskan OK.

Confirm()
Jika anda ingin memperlihatkan pengguna pilihan, gunakan confirm(), yang sanggup diterapkan dalam satu lisan ibarat referensi ini:

<A HREF="http://www.google.com" ONCLICK="if(confirm(‘Ingin lanjut?’)==true){alert(‘Visit to Google.com.’)}else{return false};">Visit to Google.com</A>

Nantinya, dikala pengguna mengklik, ia akan melihat suatu kotak kecil yang berisi pesan dan dua tombol bertuliskan OK dan Cancel.

Prompt()
Terakhir yakni kotak obrolan yang mengizinkan pengguna untuk mengetikkan beberapa teks, yaitu prompt(). Dia memiliki dua argumen:

window.prompt(Question, DefaultValue)

Argumen Question berisi pesan teks yang akan ditampilkan. Argumen DefaultValue (Optional) yakni teks awal di dalam kotak teks.

Tipe ini akan mengembalikan teks yang pengguna masukkan, bila pengguna tidak memasukkan apapun, null dikembalikan. Sebagai contoh:

<A HREF="#" ONCLICK="var name=prompt(‘Nama Anda?’,”);alert(‘Halo ‘+name);">Siapakah nama anda?</A>

Demikian yang dapat kami share kepada sobat source code aplikasi pada kesempatan ini, semoga dapat bermanfaat dan bisa menjadi referensi pemrograman bagi anda. Jangan lupa like Fan Page kami, dan SUBSCRIBE Channel Youtube kami untuk dapatkan update source code aplikasi terbaru.

Ahmad Code