Belajar Dasar Dasar JavaScript

Selamat pagi,siang,atau malam Rekan rekan kita lanjutkan pemrograman web setelah HTML dan CSS, Selanjutnya yaitu :
JAVASSCRIPT
 
 1 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>

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

b)     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
 
1.4 Program Pertama Javascript
Pada bagian ini kita akan membuat program dengan menggunakan Javascript.
Program ini akan menampilkan teks “ Belajar Pemrograman Javascript” 
<HTML>
<BODY>
<SCRIPT language="JavaScript">
<!--
document.write("Belajar Pemrograman Javascript!");
//-->
</SCRIPT>
</BODY>
</HTML>

Berikut diberikan 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>
 
 
<HTML>
<HEAD><TITLE>BElajar Javascript Yuuuuuu</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("Program ini merupakan contoh sederhana menampilkan Teks!");
document.write("</I>");
document.writeln("Dengan Javascript!!!!!!!!");
//-->
</SCRIPT>
</BODY>
</HTML>

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 diberikan contoh Program Javascript yang diletakkan di file lain dan dipanggil melalui suatu file HTML
 
File isi.js
document.writeln("<CENTER>");
document.writeln("<HR WIDTH=600 COLOR=Black>");
document.writeln("<H1>INDONESIA,KALIMANTAN BARAT</H1>");
document.writeln("<H2>PONTIANAK<H2>");
document.writeln("<H3>PURNAMA<H3>");
document.writeln("<HR WIDTH=600 COLOR=Black>");
document.writeln("</CENTER>");
 
File HTML
<HTML>
<BODY>
<B>Contoh ini menggunakan Javascript yang diambil dari File lain..</B>
<P>
<SCRIPT language="JavaScript" src="isi.js"></SCRIPT>
</BODY>
</HTML>

1.5 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 
atau
/*ini juga komentar */

No comments:

Post a Comment