Ticker

6/recent/ticker-posts

Header Ads Widget

PENGERTIAN JAVASCRIPT

Assalmualaikum Warahmatullahi Wabarakatu
Bismillahirrahmanirrahiim
Sebelum kita memulai mengerjakan sesuatu ada baiknya kita berdoa terlebih dahulu agar apa yang kita kerjakan dapat berkah dari allah SWT, Amiin.

Javascript diperkenalkan pertama kali oleh Netscape pada tahun 1995. Pada awalnya bahasa ini dinamakan “LiveScript” yang berfungsi sebagai bahasa sederhana untuk browser Netscape Navigator 2. Pada masa itu bahasa ini banyak di kritik karena kurang aman, pengembangannya yang terkesan buru buru dan tidak ada pesan kesalahan yang di tampilkan setiap kali kita membuat kesalahan pada saat menyusun suatu program. Kemudian sejalan dengan sedang giatnya kerjasama antara Netscape dan Sun (pengembang bahasa pemrograman “Java” ) pada masa itu, maka Netscape memberikan nama “JavaScript” kepada bahasa tersebut pada tanggal 4 desember 1995. Pada saat yang bersamaan Microsoft sendiri mencoba untuk mengadaptasikan teknologi ini yang mereka sebut sebagai “Jscript” di browser Internet Explorer 3.


Javascript adalah bahasa yang berbentuk kumpulan skrip yang pada fungsinya berjalan pada suatu dokumen HTML, sepanjang sejarah internet bahasa ini adalah bahasa skrip pertama untuk web. Bahasa ini adalah bahasa pemrograman untuk memberikan kemampuan tambahan terhadap bahasa HTML dengan mengijinkan pengeksekusian perintah perintah di sisi user, yang artinya di sisi browser bukan di sisi server web.

Javascript bergantung kepada browser(navigator) yang memanggil halaman web yang berisi skrip skrip dari Javascript dan tentu saja terselip di dalam dokumen HTML. Javascript juga tidak memerlukan kompilator atau penterjemah khusus untuk menjalankannya (pada kenyataannya kompilator Javascript sendiri sudah termasuk di dalam browser tersebut). Lain halnya dengan bahasa “Java” (dengan mana JavaScript selalu di banding bandingkan) yang memerlukan kompilator khusus untuk menterjemahkannya di sisi user/klien.

Keperluan Java Script
Untuk mempelajari pemrograman Java Script, ada dua piranti yang diperlukan, yaitu :

Teks Editor
Digunakan untuk menuliskan kode-kode Java Script, teks editor yang dapat digunakan antara lain Notepad++ download disini atau Sublime text download disini.

Web Browser
Digunakan untuk menampilkan halaman web yang mengandung kode-kode Java Script. Web browser yang digunakan harus mendukung Java Srcipt. Browser yang dapat digunakan adalah mozila firefox atau google chrome sobat bisa download keduanya disini.

Penulisan Java Script
Kode Java Script dituliskan pada file HTML.Terdapat dua cara untuk menuliskan kode-kode Java Script agar dapat ditampilkan pada halaman HTML, yaitu :
Java script ditulis pada file yang sama
Untuk penulisan dengan cara ini, perintah yang digunakan adalah  <SCRIPT LANGUANGE =”JavaScript” > program java script disini </SCRIPT>.  Perintah tersebut biasanya diletakkan diantara Tag <BODY>…</BODY>
Contoh Penulisan :

<HTML>
<HEAD><TITLE>……….</TITLE>
</HEAD>
<BODY>
<SCRIPT LANGUAGE=”Javascript”>
kode javascript disini
</SCRIPT>
kode HTML disini
</BODY>
</HTML>

Javascript ditulis pada file terpisah
Kode Javascript bisa juga kita buat dalam file terpisah dengan tujuan agar dokumen HTML isinya tidak terlalu panjang. Atribut yang digunakan adalah
<SCRIPT SRC=”namafile.js”>…</SCRIPT>
Diantara tag <SCRIPT………> dan <SCRIPT> tidak diperlukan lagi kode Javascriptnya karena sudah dibuat dalam file erpisah. File yang mengandung kode Javascript berekstensi .js

Program Pertama Javascript
Pada bagian ini kita akan membuat program dengan menggunakan Javascript.
Program ini akan menampilkan teks “ Belajar Pemrograman Javascript” simpan file dengan nama latihan1_js.php atau latihan1_js.html

<html>
<head>
<title> Latihan Pertama Di Javascript</title>
</head>
<body>
<script language="javascript">
document.write("Belajar Pemrograman Javascript!");
</script>
</body>
</html>

Hasil eksekusi program diatas seperti gambar dibawah ini :


Berikut ini beberapa contoh program sederhana dengan menggunakan Javascript

<html>
<body>
<b>bagian pertama ini ditulis dengan html</b>
<p>
<script language="javascript">
document.write("bagian ini ditulis dengan javascript!");
</script>
<p>
<b>bagian terakhir dari dokumen html, ditulis setelah script!</b>
</body>
</html>

Hasil eksekusi program diatas seperti gambar dibawah ini :


Berikut ini contoh lain dari javascript

<html>
<head><title>selamat datang di javascript</title>
</head>
<body bgcolor="gray">
<script language="javascript">
document.writeln("<pre>");
document.write("<b><font size=5>");
document.writeln("selamat datang di javascript");
document.write("</b></font>");
document.write("<i>");
document.writeln("contoh sederhana menampilkan teks");
document.write("</i>");
document.writeln("dengan javascript");
</script>
</body>
</html>

Hasil eksekusi program diatas seperti gambar dibawah ini :


Objek document mempunyai dua metode untuk menuliskan teks, yaitu write dan writeln. Metode write digunakan untuk menuliskan teks tanpa ganti baris, sedangkan metode writeln digunakan untuk menuliskan teks dengan ganti baris.
Berikut contoh Program Javascript yang diletakkan di file lain dan dipanggil melalui suatu file HTML
File latihan_js.js
document.writeln("<CENTER>");
document.writeln("<HR WIDTH=600 COLOR=green>");
document.writeln("<H1>Politeknik Unggul LP3M Medan</H1>");
document.writeln("<H3>Jurusan Manajemen Informatika<H3>");
document.writeln("<HR WIDTH=600 COLOR=green>");
document.writeln("</CENTER>");
File Latihan_js4.html
<html>
<body>
<center>
<b>contoh ini menggunakan javascript yang diambil dari file lain.</b>
</center>
<p>
<script language="javascript" src="latihan_js.js"></script>
</body>
</html>

Hasil eksekusi program diatas seperti gambar dibawah ini :


Komentar
Sama seperti bahasa pemrograman lain. Javascript juga menyediakan fasilitas untuk menuliskan komentar, komentar ini berguna bila nantinya anda atau orang lain membaca program.
Pemberian komentar dalam Javascript dapat dilakukan dengan dua cara yaitu dengan menuliskan komentar setelah tanda garis miring dua kali, contoh :
//ini komentar

Post a Comment

0 Comments

Rekomendasi Untuk Anda × +