Pengertian Javascript
Javascipt merupakan bahasa pemrograman komputer yang dinamis. Biasanya sering digunakan pada web browser untuk menciptakan halaman web yang menarik, interaktif, serta merapkan berbagai fungsi pada halaman web. Javascript merupakan salah satu pemrograman web yang harus kita pelajari (selain HTML dan CSS).Cara Kerja Javascript
Javascript bukan sebuah compiled language, artinya javascript tidak memerlukan sebuah compiler agar kode yang ada di dalamnya bisa dijalankan. Kode dari Javascript langsung diterjemahkan oleh web browser.Untuk dapat menjalankan Javascript,Web browser harus support Javascript. Semuaweb browseryang ada pada masa sekarang ini umumnya sudah mendukung Javascript. Javascript biasanya ditulis pada dokumen HTML atau dengan membuat file terpisah yang kita hubungkan dengan dokumen HTML .Untuk penulisan Javascript di dalam dokumen HTML, penulisan scriptnya bisa kita tulis di dalam tag <head> </head> atau di dalam tag <body></body>. Cara penulisannya ada dengan menuliskan tag <script type="text/javascript> Kode Javascript </script>. Sedangkan apabila kita menggunakan file Javascript yang terpisah, kita bisa menambahkan tag <script type="text/javascript" src="filejavascript.js"></script>.Contoh Penggunaan Javascript
Dari penjelasan singkat di atas, tentu masih sulit bagi kita untuk memahami bagaimana sebenarnya Javascript bekerja. Oleh karena itulah kita akan coba membuat sebuah dokumen HTML sederhana dengan menambahkan Javascript di dalamnya.Pertama - tama, kita siapkan sebuah dokumen HTML sederhana. Bisa kita tulis dari awal untuk dokumen HTML ini. Bila sudah siap, maka kita akan memiliki sebuah kode HTML dengan bentuk sebagai berikut :<html>Jika anda sudah memahami bagaimana membuat HTML, maka ada bisa membuat kode sesuai dengan keinginan anda tanpa mengikuti contoh di atas.Setelah HTML siap, sekarang kita tambahkan Javascript di dalamnya. Yang akan saya contohkan adalah sebagai berikut :
<head>
<title>Belajar Javascript</title>
</head>
<body>
<div id="contoh"> Mari Belajar Javascript </div>
</body></html>
<!DOCTYPE html><html>Kemudian coba jalankan dokumen HTML tersebut dengan menggunakan browser. Kita bisa lihat hasilnya bahwa kata "Contoh" yang ada pada elemen div berubah menjadi "Mari Belajar Javascript!!". Hal ini terjadi karena pada scipt Javascript, kita memerintahkan elemen dengan id "contoh" akan berisi kata "Mari Belajar Javascript!!".
<head>
<title>Belajar Javascript</title>
</head>
<body>
<div id="contoh"> Contoh </div>
<script>
document.getElementById("contoh").innerHTML = "Mari Belajar Javascript!!";</script>
</body>
</html>
Demikian penjelasan singkat mengenai Javascipt. Kita belajar bagaimana Javascript bekerja pada browser, kemudian kita juga belajar contoh penggunaan Javascript secara sederhana. Pada postingan selanjutnya, kita akan coba belajar lebih dalam lagi mengenai Javascript dan bagaimana mengimplementasikan Javascript pada JQuery.
Catatan : Jika hasil yang muncul tidak sesuai dengan yang diharapkan, coba periksa karakter seperti tanda kutip ("). Ada kemungkinan bahwa tanda tersebut bukan merupakan karakter standar yang dapat dikenali oleh browser.
Tidak ada komentar:
Posting Komentar