Penggunaan Prompt pada JavaScript

01/03/2015    Aulia Rahmah Alhafidz    9506     Website

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 :

Penggunaan-Prompt-pada-JavaScript

Penggunaan-Prompt-pada-JavaScript

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.

Penggunaan-Prompt-pada-JavaScript

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

Penggunaan-Prompt-pada-JavaScript

Semoga bermanfaat ya :)

No data.

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More

Cara Cepat Pintar Membuat Website, Tanpa Perlu Basic IT

Membuat website perusahaan, portal berita, blog, katalog online, dan e-commerce.

Learn More