Langsung kita mulai saja petualangan kita di javascript. Ha5. Script javascript dapat Anda buat dan ditaruh di html. Script tersebut akan dijalankan pada browser Anda, maka pastikan terlebih dahulu settingan di browser Anda, agar javascript diaktifkan. Script javascript bisa ditaruh seperti berikut ini :
<html>
<head>
<script languange=”javascript”>
taruh script Anda di sini
</script>
</head>
<html>
Kita dapat membuat suatu fungsi di dalam tag script tersebut. Contohnya :
<script languange=”javascript”>
function tes(){
prompt(“Masukkan angka?”, “”);
}
</script>
Untuk menjalankan fungsi tersebut , perlu ada pemicunya. Contoh bila kita ingin menjalankan fungsi tersebut sewaktu <body> di load , maka kita dapat memanggilnya seperti berikut :
<html>
<head>
<script>
function tes(){
prompt(“Masukkan angka?”, “”);
}
</script>
</head>
<body onLoad=”tes();”>
Di sini body HTML
</body>
</html>
Kita menambahkan sesuatu pada body , yaitu onLoad=”tes();”. Artinya sewaktu <body> diLoad, maka fungsi tes(); alan dijalankan. Fungsi tes akan menampilkan prompt ke layar , meminta inputan dari user. Parameter pertama merupakan pesan yang ingin disampaikan dan parameter kedua adalah default valuenya. Prompt akan mengembalikan apa yang diinput user. Jadi kita dapat mengambil data yang diinput user seperti berikut : var inputan_user = prompt(“Masukkan Angka?”, “”); . Dengan begini , kita mempunyai suatu varibael bernama inputan_user yang akan menampung hasil dari prompt. Kita bisa juga menggunakan fungsi isNaN(inputan_user) , fungsi tersebut akan mengecek apakah variabel inputan_user bukan suatu number. Jika variabel tersebut bukan suatu number, maka akan dikembalikan nilai true, sebaliknya akan dikembalikan false. Dari fungsi tersebut kita dapat tau apakah yang dimasukkan oleh user adalah number atau bukan dengan memakai fungsi isNaN(inputan_user).
Untuk membuat variabel bisa dengan cara seperti berikut:
var angka = 100;
Tipe data di javascript adalah varian sehingga kita tidak perlu mendefinisikan tipe datanya.
Sekarang kita akan membuat suatu javascript yang akan mengubah isi table yang masih kosong dengan isian dari hasil inputan user.
<html>
<head>
<script>
function tes(){
var inputan_user = prompt(“Masukkan angka?”, “”);
if(isNaN(inputan_user) == false){
document.getElementById(“isi”).innerHTML = inputan_user;
}
else{
alert(“Yang Anda input bukan number”);
}
}
</script>
</head>
<body onLoad=”tes();”>
<table border=”1″>
<tr>
<td id=”isi”></td>
<tr>
</table>
</body>
</html>
Kita juga perlu memperhatikan penggunaan huruf besar dan huruf kecil karena javascript merupakan bahasa yang case-sensitif yang membedakan uruf besar dan huruf kecil.
Pada contoh diatas kita meminta user menginput data. Yang apabila data tersebut adalah suatu number , maka akan ditampilkan di table , sedangkan apabila user menginput sesuatu yang bukan merupakan number maka akan dimunculkan suatu kotak dialog yang bertuliskan pesan “Yang Anda input bukan number”.
Jika ingin mencoba codingnya , ganti dulu tanda petik dua -> “, kalo gak diganti bakal error.
Sekian tutorial dari saya, semoga bermanfaat untuk kita semua. Terima kasih atas kunjungannya. ^-^
tHx , mayan bwat bhn bljr ( itung2 nmbh ilmu )
Oleh: andri on September 22, 2008
at 4:59 pm
hoho..
gud teacher
neh..^^
Oleh: jel on September 22, 2008
at 5:53 pm
bisa jelaskan cara bikin web yang ada style explorernya dimana menu-menunya ada bergaya ekspoler(seakan-akan ada folder gitu! dah kebayang kan bentuk windows explorer?).
kalo bisa, tlg attach/kasi tau ke email saya donkx? atau kasi tau aja alamat situs yang ada nyelasin
thank b4.
Oleh: ariyasa on Januari 12, 2009
at 12:57 am
Maaf bro, saya kurang mengerti maksud Anda. Mungkin efek rollover yang dibuat dengan javascript?
Oleh: leonard260788 on Januari 12, 2009
at 5:12 am