Luragung.Com

Catatan Anak Luragung

Menu

Pengenalan, Cara dan Aturan Penulisan Javascript

November 4, 2014 | Pemrograman

Pada materi kali ini akan dibahas mengenai javasript yaitu Pengenalan dan Cara Penulisan Javascript yang baik menurut aturan yang berlaku yang disertai dengan contoh pada setiap pembahasan.

A. Pengenalan Javascript

Pengenalan, Cara dan Aturan Penulisan JavascriptJavaScript adalah bahasa skrip yang ditempelkan pada kode HTML dan diproses pada sisi klien, sehingga kemampuan dokumen HTML menjadi lebih luas. JavaScript memungkinkan untuk memvalidasi masukan-masukan pada formulir sebelum dikirim ke server. Javascript bergantung kepada browser(navigator) yang memanggil halaman web yang berisi skrip skrip dari Javascript yang terselip di dalam dokumen HTML. Javascript tidak memerlukan kompilator atau penterjemah khusus untuk menjalankannya. JavaScript adalah bahasa yang “case sensitive” artinya membedakan penamaan variabel dan fungsi yang menggunakan huruf besar dan huruf kecil. Seperti bahasa Java ataupun C, setiap instruksi dalam JavaScript diakhiri dengan karakter titik koma (;).

Asal mula nama JavaScript adalah LiveScript, dikembangkan pertama kali pada tahun 1995 di Netscape Communications. Hasil kolaborasi antara Netscape dan Sun (pengembang bahasa pemrograman “Java” ) memberikan nama baru “JavaScript” pada tanggal 4 desember 1995. Bahasa ini dikenali pada browser Netscape Navigator mulai versi di atas 2.0. ,sedangkan Microsoft melengkapi Internet Explorer dengan JavaScript mulai versi 3.0 ke atas.

B. Aturan dan Cara Penulisan Javascript

Aturan dan cara penulisan dalam kode javascript adalah sebagai berikut :

1. Struktur utama Javascript

Struktur utama dari kode javascript adalah sebagai berikut :

<SCRIPT language="Javascript"> Masukkan Javascript disini </SCRIPT>

Untuk penggunaan kode <SCRIPT language=”Javascript”> dipergunakan sebagai penanda dari bahasa yang digunakan atau versinya contoh: “JavaScript”, “JavaScript1.1″,”JavaScript1.2” untuk bahasa JavaScript.

2. Komentar Pada Javascript

Cara Membuat Komentar Pada Javascript ada 2 metode yang bisa dipergunakan, pengguan ini tergantung kepada kebutuhan pada saat memberikan komentar tersebut yaitu :

  • Untuk menulis komentar dalam satu baris
// Letakan Komentar Disini
  • Untuk menulis komentar terdiri dari beberapa baris menggunakan karakter /* dan */
/* Semua baris antara 2 tanda ini tidak akan di eksekusi oleh kompilator */

3. Pemanggilan File External

Pada kode javascrip, bisa dipanggil sebuah file external dengan menggunakan cara sebagai berikut :

<SCRIPT LANGUAGE="Javascript" SRC="stkip/file.js"> </SCRIPT>

Pada kode diatas, ini berfungsi untuk memanggil file yang bernama file.js yang berada pada folder stkip.

4. Event pada javascript

Event adalah sebutan dari satu action atau tindakan yang dilakukan oleh user, contoh seperti klik tombol mouse yang tidak bisa, memberikan pesan dll.

<tag eventHandler="kode Javascript yang akan dimasukkan">
dimana eventHandler adalah nama dari event tersebut.
<SCRIPT LANGUAGE = "JavaScript">
<!--
var nama = prompt("Siapa nama Anda?");
document.write("Hai, " + nama);
//-->
</SCRIPT>

5.      Properti

Properti merupakan sebuah atribut dari objek sehinnga bisa disebut sebagai spesifikasi khusus dari objeknya. Sebagai contohnya adalah ketika sebuah objeknya adalah mobil, maka mobil tersebut mempunyai properti warna mobil. Bentuk umum penulisannya yaitu :

Nama_objek.nama_properti = nilai

Contoh penggunaanya yaitu :

window.defaultStatus = ”Selamat Belajar JavaScript”;

6.      Metode

Metode adalah cara memperlakukan sebuah tindakan terhadap objek. Bentuk umumnya yaitu :

Nama_objek.nama_metode(parameter)

Contohnya yaitu :

document.write ("Hallo")

C. Contoh Penggunaan Javascript

1. Memasukan data

Pada javascript, memungkinkan untuk bisa memasukan sebuah data tertentu kepada sebuah tampilan di browser. Sebagai contoh :

<SCRIPT LANGUAGE = "JavaScript">
<!--
var nama = prompt("Siapa nama Anda?");
document.write("Hai, " + nama);
//-->
</SCRIPT>

2. Peringatan

Pada kode ini, memungkinkan seorang admin web untuk bisa memberikan pesan peringatan kepada para pengunjung web. Contoh programnya yaitu :

<SCRIPT LANGUAGE = "JavaScript">
<!--
window.alert("Ini merupakan pesan untuk Anda");
//-->
</SCRIPT>

3. Konfirmasi

Konfirmasi dibutuhakan ketika ingin dipergunakan untuk konfirmasi sebuah kejadian tertentu. Sebagi contoh :

<SCRIPT LANGUAGE = "JavaScript">
<!--
var jawaban = window.confirm("Anda ingin meneruskan?");
document.write("Jawaban Anda: " + jawaban);
//-->
</SCRIPT>

4. Variabel

Variable adalah suatu obyek yang berisi data data, yang mana dapat di modifikasi selama pengeksekusian program. Aturan pemberian nama variabel :

a.  Nama Variabel harus dimulai dengan huruf dan tidak boleh menggunakan angka.

b.  Nama variabel bisa mempergunakan huruf dan angka. Atau menggunakan karakter & atau karakter _ .

c. Nama variabel tidak boleh menggunakan bahasa pemograman seperti : boolean, break, byte, if, implements, dan lain lain

d. Tidak boleh mempergunakan karakter @, – atau menggunakan spasi dalam penamaan variabelnya.

Untuk penggunaan variabel, itu terbagi menjadi 2 yaitu :

  • Variabel global

Contoh penggunaan variabel global yaitu :

<SCRIPT language="Javascript">
<!--
var a = 3;
var b = 4;
function Perkalian {
a = b * 2;
return a;
}
document.write("Dua kali dari ",b," adalah ",Perkalian);
document.write("Nilai dari a adalah",a);
// -->
</SCRIPT>

Hasilnya adalah :

Dua kali dari 4 adalah 8

Nilai dari a adalah 8

  • Variabel Lokal

Contoh dari variabel local yaitu :

<SCRIPT language="Javascript">
<!--
var a = 12;
var b = 4;
function Perkalian {
var a = b * 2;
return a;
}
document.write("Dua kali dari ",b," adalah " ,  Perkalian);
document.write("Nilai dari a adalah",a);
// -->
</SCRIPT>

Hasilnya :

Dua kali dari 4 adalah 8

Nilai dari a adalah 12

5. Operator Matematika

Contoh dari operator matematika yaitu :

<SCRIPT LANGUAGE = "JavaScript">
<!--
document.write("20 + 3 = " + (20 + 3) );
document.write("<BR>");
document.write("20 + 3 = " + (20 - 3) );
document.write("<BR>");
document.write("20 * 3 = " + (20 * 3) );
document.write("<BR>");
document.write("20 / 3 = " + (20 / 3) );
document.write("<BR>");
document.write("20 % 3 = " + (20 % 3) );
document.write("<BR>");
//-->
</SCRIPT>

6. Operator Logika dan Pembanding

Contohnya adalah :

<SCRIPT LANGUAGE = "JavaScript">
<!--
var nilai = prompt("Nilai (0-100): ", 0);
var hasil = (nilai >= 60) ? "Lulus" : "Tidak Lulus";
document.write("Hasil: " + hasil);
//-->
</SCRIPT>

7. Pernyataan If

Contohnya adalah :

<SCRIPT LANGUAGE = "JavaScript">
<!--
var nilai = prompt("Nilai (0-100): ", 0);
var hasil = "Tidak Lulus";
if (nilai >= 60)
hasil = "Lulus";
document.write("Hasil: " + hasil);
//-->
</SCRIPT>

8.  Pernyataan If Else

Contohnya adalah :

<SCRIPT LANGUAGE = "JavaScript">
<!--
var nilai = prompt("Nilai (0-100): ", 0);
var hasil = "";
if (nilai >= 60)
hasil = "Lulus";
else
hasil = "Tidak Lulus";
document.write("Hasil: " + hasil);
//-->
</SCRIPT>

Contoh if lainnya yaitu :

<SCRIPT LANGUAGE = "JavaScript">
<!--
var tanggal = new Date();
var kode_hari = tanggal.getDay();
var nama_hari = "";
if (kode_hari == 0)
nama_hari = "Minggu";
else
if (kode_hari == 1)
nama_hari = "Senin";
else
if (kode_hari == 2)
nama_hari = "Selasa";
else
if (kode_hari == 3)
nama_hari = "Rabu";
else
if (kode_hari == 4)
nama_hari = "Kamis";
else
if (kode_hari == 5)
nama_hari = "Jumat";
else
nama_hari = "Sabtu";
document.write("Hari ini hari " + nama_hari);
document.write(", tanggal " + tanggal.getDate() +
"/" + (tanggal.getMonth() + 1) +
"/" + tanggal.getYear());
//-->
</SCRIPT>

9.  Switch

Contoh penggunannya yaitu :

<SCRIPT LANGUAGE = "JavaScript">
<!--
var tanggal = new Date();
var kode_hari = tanggal.getDay();
var nama_hari = "";
switch(kode_hari) {
case 0:
nama_hari = "Minggu";
break;
case 1:
nama_hari = "Senin";
break;
case 2:
nama_hari = "Selasa";
break;
case 3:
nama_hari = "Rabu";
break;
case 4:
nama_hari = "Kamis";
break;
case 5:
nama_hari = "Jumat";
break;
case 6:
nama_hari = "Sabtu";
}
document.write("Hari ini hari " + nama_hari);
document.write(", tanggal " + tanggal.getDate() + "/" +(tanggal.getMonth() + 1) +"/" + tanggal.getYear());
//-->
</SCRIPT>

10.  While

Contohnya adalah :

<SCRIPT LANGUAGE = "JavaScript">
<!--
var bilangan = 0;
while (bilangan < 5) {
document.write("JavaScript<BR>");
bilangan++;
}
//-->
</SCRIPT>

11.  Do while

Contohnya yaitu :

<SCRIPT LANGUAGE = "JavaScript">
<!--
var bilangan = 1;
do {
document.write(bilangan + "<BR>");
bilangan++;
}
while (bilangan < 6);
//-->
</SCRIPT>

12.  For

Contohnya yaitu :

<SCRIPT LANGUAGE = "JavaScript">
<!--
var bilangan = 0;
for (bilangan = 1; bilangan <= 5; bilangan++)
document.write(bilangan + "<BR>");
//-->
</SCRIPT>

13.  Form

Contoh dari form yaitu :

<html>
<head>
</head>
<SCRIPT language="Javascript">
<!--
function test () {
var val1=document.kirim.T1.value
if (val1%2==0)
document.kirim.T2.value="bilangan genap"
else
document.kirim.T2.value="bilangan ganjil"
}
</SCRIPT>
<body>
<form method="POST" name="kirim">
<p>BIL <input type="text" name="T1" size="20">
<p>MERUPAKAN BIL <input type="text" name="T2" size="20"></p>
<p><input type="button" value="TEBAK" name="B1" onclick=test()></p></p></p></form></p>
</body>
</html>

Contoh lainnya yaitu :

<HTML>
<HEAD>
<TITLE>Objek document</TITLE>
</HEAD>
<BODY>
<SCRIPT LANGUAGE = "JavaScript">
<!--
function ubahWarnaLB(warna) {
document.bgColor = warna;
}
function ubahWarnaLD(warna) {
document.fgColor = warna;
}
//-->
</SCRIPT>
<H1>TES</H1>
<FORM>
<INPUT TYPE = "BUTTON" VALUE = "Latar Belakang Hijau" onClick = "ubahWarnaLB('GREEN')">
<INPUT TYPE = "BUTTON" VALUE = "Latar Belakang Putih" onClick = "ubahWarnaLB('WHITE')">
<INPUT TYPE = "BUTTON" VALUE = "Teks Kuning" onClick = "ubahWarnaLD('YELLOW')">
<INPUT TYPE = "BUTTON" VALUE = "Teks Biru" onClick = "ubahWarnaLD('BLUE')">
</FORM>
<SCRIPT LANGUAGE = "JavaScript">
<!--
document.write("Dimodifikasi terakhir pada " + document.lastModified);
//-->
</SCRIPT>
</BODY>
</HTML>

Pengenalan, Cara dan Aturan Penulisan Javascript

Pengenalan, Cara dan Aturan Penulisan Javascript – Terimakasih sudah berkunjung dan membaca informasi mengenai Pengenalan, Cara dan Aturan Penulisan Javascript. Sebelumnya juga juga sudah pernah disampaikan mengenai Pengenalan dan Dasar Dasar HTML. Semoga apa yang selalu disampaikan pada blog luragung.com ini selalu bermanfaat.

aturan penulisan dalam menulus script code bahasa java, membuat baris baru di prompt javascript

Related For Pengenalan, Cara dan Aturan Penulisan Javascript