Contoh
Menampilkan kotak prompt yang meminta pengguna untuk / nama nya, dan output pesan:
var person = prompt("Please enter your name", "Harry Potter");
if
(person != null) {
document.getElementById("demo").innerHTML
=
"Hello " + person + "! How are you today?";
}
Cobalah sendiri " Lebih "Try it Yourself" contoh di bawah ini.
Definisi dan Penggunaan
The prompt() metode menampilkan kotak dialog yang meminta pengunjung untuk masukan.
Sebuah kotak yang cepat sering digunakan jika Anda ingin pengguna untuk memasukkan nilai sebelum memasuki halaman.
Catatan: Ketika kotak prompt muncul, pengguna harus klik baik "OK" atau "Cancel" untuk melanjutkan setelah memasukkan nilai input. Jangan terlalu sering menggunakan metode ini, karena mencegah pengguna dari mengakses bagian lain dari halaman sampai kotak ditutup.
The prompt() metode mengembalikan nilai input jika pengguna mengklik "OK" . Jika pengguna mengklik "cancel" metode mengembalikan null.
Dukungan Browser
metode | |||||
---|---|---|---|---|---|
prompt() | iya nih | iya nih | iya nih | iya nih | iya nih |
Sintaksis
prompt( Nilai parameter Parameter Mengetik Deskripsi text String Wajib. Teks yang ditampilkan dalam kotak dialog defaultText String Pilihan. Input teks default
Rincian teknis
Kembali Nilai: Sebuah benang. Jika pengguna mengklik "OK" , nilai input dikembalikan. Jika pengguna mengklik "cancel" , null dikembalikan. Jika pengguna mengklik OK tanpa memasukkan teks, string kosong dikembalikan.
Contoh lebih
Contoh
Menggunakan pernyataan switch bersama-sama dengan prompt() untuk mengeksekusi blok kode berdasarkan input pengguna:
var text;
var favDrink = prompt("What's your favorite cocktail drink?");
switch(favDrink) {
case "Martini":
text = "Excellent choice! Martini is good for your soul.";
break;
case "Daiquiri":
text = "Daiquiri is my favorite too!";
break;
case "Cosmopolitan":
text = "Really? Are you sure the Cosmopolitan is your favorite?";
break;
default:
text = "I have never heard of that one..";
break;
} Cobalah sendiri "
Pages terkait
Jendela Object: href="met_win_alert.html"> alert() Method
Jendela Object: href="met_win_confirm.html"> confirm() Method
<Jendela Object