Pengenalan Javascript

Diposting pada

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, coba ketikkan kode di bawah ini kemudian sava dengan nama sesuai keinginan anda dengan ekstensi.html dalam hal ini saya menggunakan nama latihan.html


<head>
<title>Javascript</title>
<script type=‚text/javascript‛>
alert(‚Hello I am Javascript‛);
</script>
</head>

Script tersebut akan menampilkan MessageBox dengan teks “Hello I am Javascript” ketika file HTML dibuka. seperti gambar di bawah ini:

Berikut contoh lain dari penggunaan Javascript

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

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.”.

Baca Juga:   Dasar-dasar AJAX (Asynchronous Javascript And XML)

 

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *

This site uses Akismet to reduce spam. Learn how your comment data is processed.