tutorial pengembangan web terbaru
 

Jendela prompt() Method

<Jendela Object

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

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