Javascript adalah bahasa pemrograman web yang berjalan disisi Client/Browser. Javascript biasa digunakan untuk memanipulasi element-element HTML dan menambahkan Style secara otomatis atau lebih sederhananya membuat dokumen HTML menjadi lebih Interaktif.
Untuk menambahkan Script javascript pada dokumen HTML, anda dapat menggunakan tag script dan diletakkan di dalam head atau di area manapun di dalam tag body.
…
<head>
<title>Javascript</title>
<script type=‚text/javascript‛>
… Script javascript diketik disini…
</script>
</head>
…
Saya akan memberikan contoh sederhana dari javascript ini, tambahkan script berikut pada latihan sebelumnya atau anda dapat membuat file HTML baru dengan nama file javascript.html lalu ketikan kode berikut:
<!DOCTYPE html>
<html>
<head>
<title>javascript</title>
<script type="text/javascript">
alert("Hello I am Javascript");
</script>
</head>
<body>
</body>
</html>
Script tersebut akan menampilkan MessageBox dengan teks “Hello I am Javascript” ketika file HTML dibuka. Hasil dari kode diatas seperti ini kira-kira:
Berikut contoh lain dari penggunaan Javascript, silahkan buat file baru dan simpan dengan nama javascript2.html lalu ketikkan kode berikut:
<!DOCTYPE html>
<html>
<head>
<title>javascript</title>
<script type="text/javascript">
var nama;
nama=prompt('Boleh tahu siapa nama anda?');
if(nama){
alert('Apa kabar '+nama+'! Saya Javascript, senang berkenalan dengan Anda');
}else{
alert('Hhmm sepertinya anda tidak mau berkenalan dengan saya.');
}
</script>
</head>
<body>
</body>
</html>
Penjelasan Script :
Pertama, kita buat sebuah variabel nama. Kemudian kita meminta Javascript untuk menanyakan nama pengunjung lalu menyimpannya di dalam variabel nama.
Selanjutnya, Kita memilih, apakah variabel nama terisi (pengunjung mengetikkan nama), maka akan ditampilkan Message Box dengan teks “Apa kabar (Nama yang dimasukkan)!, Senang berkenalan dengan Anda”.
Jika pengunjung tidak memasukkan nama (langsung mengklik ok atau cancel) maka akan ditampilkan message box “Hhmm sepertinya anda tidak mau berkenalan dengan saya.”.
Tersedia di Bacacoding:
- Pengertian JQuery Lengkap dengan contoh
- JQuery Plugin lengkap dengan contoh
- Pseudo-Class Memberi efek pada kursor dengan css
Hasil dari kode diatas akan seperti ini jika ana mengisikan nama anda:
Script tersebut adalah contoh sederhana dari penggunaan Javascript, Anda dapat mempelajarinya secara lanjut di http://www.w3schools.com/js/.
Nah Bagaimana…? apakah sekarang kamu sudah mengerti apa itu yang dimaksud dengan Javascript? Mungkin itu saja tulisan yang membahas tentang Pengenalan Javascript, jika terdapat kekurangan ataupun kesalahan dalam penulisan mohon di maafkan dan perbaiki atau lengkapi saja jika terdapat kesalahan. Kalau memang tulisan ini bermanfaat tidak ada salahnya jika men-Sharenya kepada teman kamu yang lain, sekian dan terimakasih.
This is dummy text. It is not meant to be read. Accordingly, it is difficult to figure out when to end it. But then, this is dummy text. It is not meant to be read. Period.
ConversionConversion EmoticonEmoticon