Belajar JavaScript Bagian 1 ( Introduction )

JavaScript adalah bahasa scripting yang digunakan untuk menghadirkan fungsi interaktif antara webpage/browser dengan pengguna ataupun sistem. JavaScript merupakan client-side scripting, artinya seluruh proses dari script tersebut diproses di dan oleh client-side/browser. JavaScript saat ini menjadi scripting language paling banyak digunakan, bahkan merupakan syarat mutlak yang harus dikuasai oleh seorang web programmer atau pun web designer sekalipun. Selain javascript sebenarnya banyak bahasa scripting yang lain, akan tetapi kurang begitu diminati bahkan cenderung ditinggalkan, misalnya VBScript/Visual Basic Script.

Dalam penulisan script javascript dapat dilakukan dalam file internal HTML ataupun difile external.
A. Metode Penulisan Internal

Untuk meletakan script JavaScript dalam file html dapat dilakukan dengan mempergunakan tag <script> dengan memberikan typenya sebagai “text/javascript” . tag <script> tersebut dapat diletakan dibagian head maupun body file HTML. Berikut contoh penempatan script javascript dalam file HTML,

Code :

<html>
<head>
<title>Contoh JavaScript - Introduction (By. CobaLihatSaja.com)</title>
</head>
<body>
<script type="text/javascript">
document.write("Contoh JavaScript - Introduction (By. CobaLihatSaja.com)");
</script>
</body>
</html>

Hasil :

B. Metode Penulisan External

Selain dapat secara langsung dituliskan dalam file html, javascript juga dapat ditempatkan difile yang berbeda dengan menyimpanya sebagai javascript file (extensi .js). Metode ini sangat disarankan untuk dipergunakan karena akan membuat pemrograman/pembangunan website akan lebih mudah dan terstruktur, selain itu script yang kita buat akan dapat dipergunakan oleh wepage lainnya (reuseable). Ok, berikut ini contoh untuk membuat external javascript,

a. Buat File JavaScript
Buka text editor anda, buat file baru dan simpan sebagai : CobaLihatSaja.js, setelah itu masukan code dibawah ini :
Code :

document.write("<h1>Contoh JavaScript - Introduction</h1>");
document.write("<p>(By. CobaLihatSaja.com)</p>");

b. Buat File HTML
Buatlah file HTML dimana anda akan mempergunakan javascript tersebut. Masukan code seperti dibawah ini :
Code :

<html>
<head>
<title>Contoh JavaScript - Introduction (By. CobaLihatSaja.com)</title>
<script type="text/javascript" src="CobaLihatSaja.js">
</script>
</head>
<body>
</body>
</html>

Hasil :

Seperti anda lihat hasil dari code yang telah kita buat, pertama kita membuat file javascript yang berisi perintah untuk menampilkan header (baris 1) dan sebuah paragraf (baris 2). Setelah itu kita memanggil file javascript yang telah kita buat melalui file HTML dengan bantuan tag <script> yang telah disesuaikan.

Cukup mudah bukan untuk memahami pemrograman JavaScript? Ok, sampai disini saja pengenalan tentang javascript, untuk selanjutnya akan kita bahas materi yang lebih lanjut. Selalu kunjungi http://www.cobalihatsaja.com untuk update terbaru.

Salam Persahabatan…….

3 comments:

www.bacabaca.tk said...: tutorial pendek yang mencerahkan.. biasanya kalau tutorial java itu panjang-panjang dan berbelit. kalau begini lebih mudah dimengerti, terima kasih om tutorialnya; February 7, 2011 at 6:33 AM Tanggapi Komentar
Tgt rizky said...: aplikasi"nya bagus; April 17, 2011 at 4:58 PM Tanggapi Komentar
deni.com said...: tkz tutorialnya gan, tnya gan klu mwu dwnload aplikasi javascripnya dmna ya???trimz mju terus; November 21, 2011 at 7:16 AM Tanggapi Komentar