Javascript I
A. Tujuan Praktikum
a. Mahasiswa dapat membuat dokumen HTML dengan javascript
b. Mahasiwa dapat memanfaatkan form menampilkan dialog pesan
c. Mahasiwa dapat memanfaatkan form untuk program penjumlahan dengan javascript
B. Dasar Teori
Javascript diperkenalkan pertama kali oleh Netscape pada tahun 1995. Pada awalnya bahasa ini
dinamakan "LiveScript" yang berfungsi sebagai bahasa sederhana untuk browse Netscape Navigator
2. Pada masa itu bahasa ini banyak dikritik karena kurang aman, pengembangannya yang terkesan
buru-buru dan tidak ada pesan kesalahan yang ditampilkan 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 4 desember 1995. Pada saat yang
bersamaan microsoft sendiri mencoba untuk mengadaptasikan Javasript adalah bahasa yang
berbentuk kumpulan script yang pada fungsinya berjalan pada suatu dokumen HTML, sepanjang
sejarah internet bahasa ini adalah bahasa pertama untuk web. Bahasa ini adalah bahasa
pemrograman untuk memberikan kemampuan tambahan terhadap bahasa HTML dengan
mengijinkan pengeksekusian perintah perintah di user, yang artinya disisi browser bukan disisi
server web.
Terdapat dua cara untuk menuliskan kode-kode Java Script gar dapat ditampilkan pada halaman
HTML yaitu:
a). Javascript ditulis pada file yang sama
Untuk penulisan dengan cara ini, perintah yang digunakan adalah :
<HTML>
<HEAD> \ <TITLE>...... . \ </TITLE>
</HEAD>
<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. Atibut yang digunakan adalah
<SCRIPT SRC="namafile.js">...\<\SCRIPT>
Diantara tag </SCRIPT.....> dan \ <SCRIPT> tidak perlu lagi kode Javascriptnya karena sudah
dibuat dalam file terpisah. File yang mengandung Javascript berekstensi .js
Tidak seperti bahasa pemrograman lainnya, Javascript tidak memiliki tipe data secara explist.
Hal ini dapat dilihat dari beberapa contoh variabel ditas. Anda mendeklarasikan variabel tapi tidak
menentukan tipenya. Meskipun Javascript tidak memiliki tipe data secara explist. JavaScript
mempunyai tipe data implist. Terdapat empat macam tipe data implist yang dimiliki oleh
JavaScript yaitu : Numerik, String, Boolean, Null.
Operator pada JavaScript terbagi enam, yaitu: ritmetika, Pemberian nilai (Asign), Pemanipulasian
bit (bitwise), Pembanding, Logika, string.
skrip 9.1 Halo JavaScript________________________________________________________
1. <html>
2. <head>
3. <title>Halo Javascript</title>
4. </head>
5. <body>
6. <SCRIPT language="Javascript">
7. document.write("Halo saya baru belajar JAVASCRIPT !");
8. </SCRIPT>
9. </body>
10.</html>
skrip 9.2 Menulis dokumen dengan Javascript__________________________________________
1. <html>
2. <head>
3. <title>Halo Javascript</title>
4. </head>
5. <body>
6. <SCRIPT language="Javascript">
7. document.write("<h3> Pekerjaan hari ini: </h3>");
8. document.write("<ul>");
9. document.write("<li> Servis motor </li>");
10.document.write("<li> Belanja Sembako </li>");
11. document.write("<li> Memberi makan ikan </li>");
12. document.write("<li> Ngajari anak belajar </li>");
13. document.write("</ul>");
14. </SCRIPT>
15. <h1> Ini di luar javascript </h1>;
16. </body>
17. </html>
18. </head>
skrip 9.3 Eksternal Javascript______________________________________________________
1. <html>
2. <head>
3. <title>Eksternal Javascript</title>
4. </head>
5. <body>
6. <SCRIPT language="Javascript" src="isi.js"></SCRIPT>
7.<h1> Ini diluar Javascript </h1>
8. </body>
9. </html>
skrip 9.4 Operasi Aritmatik dan string________________________________________________
1. <html>
2. <head>
3. <title>Operasi Aritmatik dan String</title>
4. </head>
5. <body>
6. <SCRIPT language="Javascript">
7. documen.writeln("<PRE>");
8. documen.writeln("<h3>Operasi Aritmatik dan String</h3>");
9. var A = "1";
10. var B = "2";
11. var C = "3";
12. var D = "4";
13. var E = "A+B";
14. documen.writeln(' Hasil "1" + "2" = ' + E);
15. E = B + C;
16. document.writeln(' Hasil "2" + 3 = ' + E);
17. E = C + D;
18. document.writeln(' Hasil 3 + 4 = ' E);
19. document.writeln("</PRE>");
20. </SCRIPT> </P>
21. </body>
22. <html>
A. Tujuan Praktikum
a. Mahasiswa dapat membuat dokumen HTML dengan javascript
b. Mahasiwa dapat memanfaatkan form menampilkan dialog pesan
c. Mahasiwa dapat memanfaatkan form untuk program penjumlahan dengan javascript
B. Dasar Teori
Javascript diperkenalkan pertama kali oleh Netscape pada tahun 1995. Pada awalnya bahasa ini
dinamakan "LiveScript" yang berfungsi sebagai bahasa sederhana untuk browse Netscape Navigator
2. Pada masa itu bahasa ini banyak dikritik karena kurang aman, pengembangannya yang terkesan
buru-buru dan tidak ada pesan kesalahan yang ditampilkan 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 4 desember 1995. Pada saat yang
bersamaan microsoft sendiri mencoba untuk mengadaptasikan Javasript adalah bahasa yang
berbentuk kumpulan script yang pada fungsinya berjalan pada suatu dokumen HTML, sepanjang
sejarah internet bahasa ini adalah bahasa pertama untuk web. Bahasa ini adalah bahasa
pemrograman untuk memberikan kemampuan tambahan terhadap bahasa HTML dengan
mengijinkan pengeksekusian perintah perintah di user, yang artinya disisi browser bukan disisi
server web.
Terdapat dua cara untuk menuliskan kode-kode Java Script gar dapat ditampilkan pada halaman
HTML yaitu:
a). Javascript ditulis pada file yang sama
Untuk penulisan dengan cara ini, perintah yang digunakan adalah :
<HTML>
<HEAD> \ <TITLE>...... . \ </TITLE>
</HEAD>
<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. Atibut yang digunakan adalah
<SCRIPT SRC="namafile.js">...\<\SCRIPT>
Diantara tag </SCRIPT.....> dan \ <SCRIPT> tidak perlu lagi kode Javascriptnya karena sudah
dibuat dalam file terpisah. File yang mengandung Javascript berekstensi .js
Tidak seperti bahasa pemrograman lainnya, Javascript tidak memiliki tipe data secara explist.
Hal ini dapat dilihat dari beberapa contoh variabel ditas. Anda mendeklarasikan variabel tapi tidak
menentukan tipenya. Meskipun Javascript tidak memiliki tipe data secara explist. JavaScript
mempunyai tipe data implist. Terdapat empat macam tipe data implist yang dimiliki oleh
JavaScript yaitu : Numerik, String, Boolean, Null.
Operator pada JavaScript terbagi enam, yaitu: ritmetika, Pemberian nilai (Asign), Pemanipulasian
bit (bitwise), Pembanding, Logika, string.
skrip 9.1 Halo JavaScript________________________________________________________
1. <html>
2. <head>
3. <title>Halo Javascript</title>
4. </head>
5. <body>
6. <SCRIPT language="Javascript">
7. document.write("Halo saya baru belajar JAVASCRIPT !");
8. </SCRIPT>
9. </body>
10.</html>
skrip 9.2 Menulis dokumen dengan Javascript__________________________________________
1. <html>
2. <head>
3. <title>Halo Javascript</title>
4. </head>
5. <body>
6. <SCRIPT language="Javascript">
7. document.write("<h3> Pekerjaan hari ini: </h3>");
8. document.write("<ul>");
9. document.write("<li> Servis motor </li>");
10.document.write("<li> Belanja Sembako </li>");
11. document.write("<li> Memberi makan ikan </li>");
12. document.write("<li> Ngajari anak belajar </li>");
13. document.write("</ul>");
14. </SCRIPT>
15. <h1> Ini di luar javascript </h1>;
16. </body>
17. </html>
18. </head>
skrip 9.3 Eksternal Javascript______________________________________________________
1. <html>
2. <head>
3. <title>Eksternal Javascript</title>
4. </head>
5. <body>
6. <SCRIPT language="Javascript" src="isi.js"></SCRIPT>
7.<h1> Ini diluar Javascript </h1>
8. </body>
9. </html>
skrip 9.4 Operasi Aritmatik dan string________________________________________________
1. <html>
2. <head>
3. <title>Operasi Aritmatik dan String</title>
4. </head>
5. <body>
6. <SCRIPT language="Javascript">
7. documen.writeln("<PRE>");
8. documen.writeln("<h3>Operasi Aritmatik dan String</h3>");
9. var A = "1";
10. var B = "2";
11. var C = "3";
12. var D = "4";
13. var E = "A+B";
14. documen.writeln(' Hasil "1" + "2" = ' + E);
15. E = B + C;
16. document.writeln(' Hasil "2" + 3 = ' + E);
17. E = C + D;
18. document.writeln(' Hasil 3 + 4 = ' E);
19. document.writeln("</PRE>");
20. </SCRIPT> </P>
21. </body>
22. <html>
Tidak ada komentar:
Posting Komentar