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 :

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 :)

1 Maret 2015

Webinar Gratis 2024


Selanjutnya Pada Bulan Maret 2024

Sabtu, 09 Maret 2024


10 Bahasa Rekomendasi Untuk Dipelajari di 2024

Python Developer, Data Science, Web Application

Kursus Python Django Web Application 2024 di DUMET School Mini Bootcamp Backend Laravel 11 Bulan Mei 2024 di DUMET School
Webinar Selanjutnya Mei 2024

Minggu, 26 Mei 2024, 09.00-13.00 WIB

(4 Jam Membuat Backend di Laravel 11)

chat