Indahnya Berbagi: Contoh Javascript Pemasukan Data / Input Data

Rabu, 26 Oktober 2011

Contoh Javascript Pemasukan Data / Input Data

Jendela Pemasukan Data

Sedikit akan saya terangkan dan saya beri contoh javascript memasukan data.

JavaScript memiliki mekanisme yang memungkinkan pemakai disuguhi jendela untuk memasukkan sederetan masukan dan setelah pemakai mengkilk tombol OK maka kode dalam JavaScript akan melakukan serangkaian proses.
Contoh, skrip berikut ini akan meminta user memasukan namanya dan kemudian akan mendapatkan jawaban.

Contoh Java Scipt Pemasukan Data :
<HTML>
<HEAD>
<TITLE>Jendela Memasukkan Data</TITLE>
</HEAD>
<BODY>
<SCRIPT LANGUAGE = "JavaScript">

</SCRIPT>
</BODY>
</HTML>

Setelah dijalankan akan tampil seperti berikut:


Contoh JavaScript Pemasukan Data

Anda tinggal memasukan data di kolom nama, misal anda memasukan nama cah-kliling, selanjutnya klik tombol OK.

Hasil : "Nama Anda cah-kliling"

Hasil di atas didapat melalui pernyataan :
document.write("Hai, " + nama);
Pada "Hai, " + nama menghasilkan string yang merupakan gabungan dari string “Hai, “ dan isi dari variabel nama.
Bila user menekan tombol Cancel, prompt akan menghasilkan nilai null.

Hasil: "Hai, null"

Demikian sedikit contoh javaScipt pemasukan data.
Selamat belajar. :)