Penggunaan Prompt pada JavaScript

JavaScript memiliki banyak perintah dasar yang bisa digunakan untuk menginput suatu data. Seperti yang kita tahu, input data yang biasa dilakukan adalah input data yang dimasukkan melalui keyboard. Salah satu perintah dasar sederhana untuk menerima data inputan yang berasal dari keyboard adalah prompt.

Bagaimana penggunaannya? Lihat contoh di bawah ini :

Perintah dasar:

variabel = prompt("Pesannya", nilai_default);

nilai_default adalah nilai awal yang akan dimasukkan. Jika pengguna tidak mengubahnya, maka nilai inilah yang akan menjadi nilai yang diisikan variabel.

Contoh :

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Penggunaan Prompt</title>
</head>

<body>
<h1>Contoh Penggunaan Prompt</h1>
<script type="text/javascript">
    var nama = prompt("Masukkan Nama :", "Aulia");
    var kursus = prompt("Ambil Paket Kursus :", "Web Design");
    document.write("Nama : " + nama + "<br/>");
    document.write("Kursus : " + kursus);
</script>
</body>
</html>

Save dan lihat hasilnya :

Hal pertama yang ditampilkan browser adalah pop up kotak (Seperti alert) yang berisi apa yang sudah kita isi di perintah prompt.

Coba isi dan klik OK. Maka akan tampil data yang tadi sudah diisi di pop up kotak.

Bagaimana jika kita klik esc atau cancel? Hasil yang keluar akan menjadi null. Karena variabel tidak memiliki nilai.

Semoga bermanfaat ya :)