08.46
Unknown
Setelah anda menggunakan variabel, anda akan menyadari bahwa bahwa variabel tersebut akan sangat berguna untuk mendapatkan beberapa informasi dari pengunjung halaman web. Banyak cara meminta input atau masukan dari pengunjung, paling sederhana adalah menggunakan perintah prompt().
Perintah ini digunakan untuk menampilkan sebuah prompt (MessageBox atau InputBox tergantung penggunaannya) yang juga mempunyai kotak isian yang dapat menerima informasi dari pengguna.
<html>
<head><title> Belajar JavaScript </title>
</head>
<body>
<script language="JavaScript">
var teks_welcome = 'Selamat datang ';
var teks_tutup = ' di website ini.';
var nama_anda = prompt('Masukkan nama anda :', 'Nama Anda');
var teks_output = teks_welcome + nama_anda + teks_tutup;
alert(teks_output);
</script>
</body>
</html>
Anda akan mendapatkan sebuah jendela Prompt yang menanti inputan pengunjung saat file html tersebut dibuka dengan browser. Dari hasil kode JavaScript diatas dapat diketahui bahwa parameter pertama dari perintah prompt adalah teks yang akan ditulis pada kotak prompt sedangkan parameter kedua adalah teks awal pada kotak isian dimana pengunjung akan memasukkan informasinya.
Selanjutnya, setelah pengunjung memasukkan teks di kotak isian, misalnya ‘Ricky Septiandy’ (tanpa tanda petik) dan men-klik OK, kode membuat sebuah variabel bernama teks _output yang merupakan gabungan dari nilai variabel teks_welcome, nama_anda (dari kotak prompt) dan teks_tutup.
Perhatikan kode yang digunakan untuk melakukan pekerjaan tersebut :
var teks_output = teks_welcome + nama_anda + teks_tutup;
Jelas terlihat bahwa penggabungan string (teks) dilakukan memanfaatkan operator tambah (+) yang juga digunakan untuk penambahan nilai numerik. Perbedaannya, jika penambahan numerik menghasilkan suatu hasil penambahan sedangkan pada data string menghasilkan string gabungan.
Terakhir, nilai variabel teks_output dijadikan argumen perintah alert, yaitu menampilkan kotak pesan dengan teks adalah nilai variabel teks_output :
alert(teks_output);
Bagaimana agar informasi tidak ditampilkan dalam bentuk alert tetapi di halaman web? Gunakan perintah write atau writeln. Lakukan sedikit perubahan pada kode sebelumnya sehingga menjadi :
<html>
<head><title>Belajar JavaScript </title>
</head>
<body>
<pre>
<script language="JavaScript">
var teks_welcome = 'Selamat datang ';
var teks_tutup = ' di web site ini.';
var nama_anda = prompt('Masukkan nama anda :', 'Nama Anda');
var teks_output = teks_welcome + nama_anda + teks_tutup;
document.writeln(teks_output);
document.writeln('Terima kasih atas kunjungan anda.');
</script>
</pre>
</body>
</html>
Perintah ini digunakan untuk menampilkan sebuah prompt (MessageBox atau InputBox tergantung penggunaannya) yang juga mempunyai kotak isian yang dapat menerima informasi dari pengguna.
<html>
<head><title> Belajar JavaScript </title>
</head>
<body>
<script language="JavaScript">
var teks_welcome = 'Selamat datang ';
var teks_tutup = ' di website ini.';
var nama_anda = prompt('Masukkan nama anda :', 'Nama Anda');
var teks_output = teks_welcome + nama_anda + teks_tutup;
alert(teks_output);
</script>
</body>
</html>
Anda akan mendapatkan sebuah jendela Prompt yang menanti inputan pengunjung saat file html tersebut dibuka dengan browser. Dari hasil kode JavaScript diatas dapat diketahui bahwa parameter pertama dari perintah prompt adalah teks yang akan ditulis pada kotak prompt sedangkan parameter kedua adalah teks awal pada kotak isian dimana pengunjung akan memasukkan informasinya.
Selanjutnya, setelah pengunjung memasukkan teks di kotak isian, misalnya ‘Ricky Septiandy’ (tanpa tanda petik) dan men-klik OK, kode membuat sebuah variabel bernama teks _output yang merupakan gabungan dari nilai variabel teks_welcome, nama_anda (dari kotak prompt) dan teks_tutup.
Perhatikan kode yang digunakan untuk melakukan pekerjaan tersebut :
var teks_output = teks_welcome + nama_anda + teks_tutup;
Jelas terlihat bahwa penggabungan string (teks) dilakukan memanfaatkan operator tambah (+) yang juga digunakan untuk penambahan nilai numerik. Perbedaannya, jika penambahan numerik menghasilkan suatu hasil penambahan sedangkan pada data string menghasilkan string gabungan.
Terakhir, nilai variabel teks_output dijadikan argumen perintah alert, yaitu menampilkan kotak pesan dengan teks adalah nilai variabel teks_output :
alert(teks_output);
Bagaimana agar informasi tidak ditampilkan dalam bentuk alert tetapi di halaman web? Gunakan perintah write atau writeln. Lakukan sedikit perubahan pada kode sebelumnya sehingga menjadi :
<html>
<head><title>Belajar JavaScript </title>
</head>
<body>
<pre>
<script language="JavaScript">
var teks_welcome = 'Selamat datang ';
var teks_tutup = ' di web site ini.';
var nama_anda = prompt('Masukkan nama anda :', 'Nama Anda');
var teks_output = teks_welcome + nama_anda + teks_tutup;
document.writeln(teks_output);
document.writeln('Terima kasih atas kunjungan anda.');
</script>
</pre>
</body>
</html>
1 komentar:
gan, misalnya prompt itu buat pertanyaan, terus seharusnya masukin huruf kecil, tapi malah huruf besar..
syntaxnya gimana ya?
http://blogs.unpas.ac.id/anisamaulina/2013/04/15/42-tahun-perjalanan-margahayuland/
Posting Komentar