Jendela Dialog Untuk Input Pada JavaScript

-

 


 Mengenal 3 Macam Jendela Dialog pada Javascript

Ada dua cara yang bisa kita lakukan untuk mengambil input:

  1. Menggunakan form;
  2. dan menggunakan jendela dialog.

Tetapi pada ksempatan ini kita hanya akan membahas yang nomer 2.

Yaitu: jendela dialog.

Jendela dialog merupakan jendela yang digunakan untuk berinteraksi dengan pengguna.

Ada tiga macam jendela dialog pada Javascript:

  1. Jendela dialog alert();
  2. Jendela dialog confirm();
  3. Jendela dialog promp();

Ketiga dialog ini memiliki perilaku dan kegunaan yang berbeda-beda.


1. Dialog Alert

Dialog alert() biasanya digunakan untuk menampilkan sebuah pesan peringatan atau informasi.

Fungsi alert() berada dalam objek window.

Kita bisa menggunakannya seperti ini:

window.alert("Hello World!");

Atau seperti ini:

alert("Hello kawan");

Karena objek window berisfat global, kita boleh tidak menulisnya.

Dialog alert() tidak akan mengembalikan nilai apa-apa saat dieksekusi.


Dialog alert() memiliki satu perameter yang harus diberikan, yaitu: teks yang akan ditampilkan pada dialog.

Pada HTML, kita bisa masukan fungsi alert() pada atribut onClick agar nanti ditampilkan saat sebuah elemen diklik.


2. Dialog Confirm

Dialog confirm() digunakan untuk melakukan konfirmasi dalam melakukan tindakan tertentu.

Misalnya:

Saat kita menghapus sesuatu, maka ada baiknya menampilkan dialog confirm(). Karena tindakan tersebut cukup berbahaya.

Dialog confirm dapat dibuat dengan fungsi confirm().

Contoh:

confirm("Apakah anda yakin akan menghapus?");

Dialog confirm() akan mengembalikan nilai true apabila kita memilih tombol OK dan akan mengembalikan nilai false apabila kita memilih Cancel.

Nilai kembalian ini dapat kita tampung dalam variabel untuk diproses.


3. Dialog Prompt

Dialog prompt() berfungsi untuk mengambil sebuah inputan dari pengguna.

Dialog prompt() akan mengembalikan sebuah nilai string dari apa yang diinputkan oleh pengguna.


Dialog prompt() memiliki beberapa parameter yang harus diberikan:

  1. Teks yang akan ditampilkan pada form;
  2. Nilai default untuk field input.


Baik teman teman,hanya itu saja yang dapat saya sampaikan pada kesempatan kali ini,Terimakasih.



Komentar

Posting Komentar

Postingan populer dari blog ini

website

-
Website Pengertian Website Website adalah kumpulan dari halaman-halaman situs yang terdapat dalam sebuah domain atau subdomain yang berada di dalam  World Wide Web  (WWW) di internet. Alasan seseorang mengunjungi  website  adalah karena konten yang tersedia di  website  tersebut. Contoh website adalah  Google.com  dan  Facebook.com. Penyebaran informasi melalui website sangat cepat dan mencakup area yang luas serta tidak dibatasi oleh jarak dan waktu. Oleh sebab itu, website merupakan sarana penting untuk mendapatkan dan mengelola informasi. Jenis Jenis Website • Website dinamis, yaitu sebuah website yang menyediakan konten atau isi yang selalu berubah setiap saat. Contoh website dinamis adalah media berita daring. • Website statis, merupakan website yang contentnya sangat jarang diubah. Misalnya, profil organisasi dan sebagainya . Berdasarkan tujuannya, jenis website dibedakan sebagai berikut: • Personal website, yaitu situs web yang be...
Baca selengkapnya

RPL

-
Rekaya Perangkat Lunak Pengertian Rekaya Perangkat Lunak (RPL) Rekayasa Perangkat Lunak (RPL,atau Software) adalah salah satu bidang profesi yang mendalami cara cara pengembangan perangkat lunak.Seperti pembuatan, pemeliharaan,manajemen organisasi,pembangunan perangkat lunak,dan manajemen kualitas. Perangkat Lunak adalah seluruh perintah yang digunakan untuk memperoses informasi.Perangkat Lunak dapat berupa program atau prosedur.Program adalah kumpulan perintah yang dimengerti oleh komputer,sedangkan prosedur adalah perintah yang dibutuhkan oleh pengguna dalam memproses informasi. Mendefinisikan Rekayasa Perangkat Lunak sebagai penerapan suatu pendekatan yang sistematis,disiplin dan terkuantifikasi atas pengembangan,pemeliharaan dan penggunaan Perangkat Lunak,serta studi atas pendekatan ini,yaitu penerapan atas pendekatan Engineering Perangkat Lunak ini. Rekaya Perangkat Lunak adalah pengubahan Perangkat Lunak itu sendiri guna mengembangkan,memelihara,dan membangun kembali dengan mengg...
Baca selengkapnya

Menambahkan CSS ke dalam HTML

-
Gambar
Mengenal CSS CSS merupakan singkatan dari Cascading Style Sheet yang fungsi utamanya yaitu mengatur tampilan dari elemen yang ditulis pada dokumen HTML. Bahasa inilah yang memiliki peran penting untuk mempercantik tampilan antarmuka (interface) website. Salah satu contoh sederhana hasil penerapan dari CSS. Menambahkan CSS ke Dokumen HTML Ada tiga cara untuk menambahkan CSS ke dalam dokumen HTML: Inline – menggunakan atribut style dalam elemen HTML Internal – menggunakan elemen <style> di dalam elemen <head> Eksternal – menggunakan elemen <link> di dalam elemen <head> Untuk mengetahui contoh penerapannya maka simak pembahasan berikut. Inline CSS Inline CSS adalah cara menambahkan CSS dengan menggunakan atribut style pada tag pembuka elemen HTML. Cara ini biasanya digunakan untuk memberi gaya atau style unik pada suatu elemen. <!DOCTYPE html> < html > < head > < title > Mengenal CSS </ title > </ head > < body > ...
Baca selengkapnya