JAVASCRIPT Disusun untuk : Melengkapi Tugas Akhir Semester I Mata Kuliah Desain Web Oleh : AGUNG DIAN PRIBADI NIM : 308 312 417 494 UNIVERSITAS NEGERI MALANG FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM JURUSAN MATEMATIKA TAHUN 2008
PRAKTIKUM I PERNYATAAN IF Pernyataan if digunakan untuk menyeleksi suatu kondisi apakah bernilai true atau false. Bentuk umum penulisan pernyataan if adalah: if (kondisi) pernyataan Keterangan: Jika kondisi bernilai true maka akan dikerjakan pernyataan program. Tulislah kode program JavaScript berikut ini: <HTML> <BODY> <SCRIPT LANGUAGE="JavaScript"> var nilai = prompt('masukkan Nilai :','') document.write ("Nilai Anda: "+nilai+" <br>") if(nilai >=60) document.write ("Selamat, Anda lulus...!") </SCRIPT> </BODY> </HTML> Apa output program tersebut dan jelaskan secara singkat! Apabila program tersebut dibuka, muncul kotak dialog JavaScript yang mengharuskan kita mengisi kotak dialog tersebut dengan angka. Jika kita ketikkan angka 60 maka kondisi bernilai benar, sehingga program mengerjakan perintah pada pernyataan.
Andaikan saja jika kita masukkan 70, maka output program yang muncul adalah: Jika kita ketikkan angka <60 maka kondisi bernilai salah, sehingga program tidak mengerjakan perintah pada pernyataan. Andaikan saja jika kita masukkan 50,maka output program yang muncul adalah : Jika kita tidak mengetikan angka tetapi langsung meng-klik, maka output program yang muncul adalah :
PRAKTIKUM II PERNYATAAN IF ELSE Pernyataan if else digunakan untuk menyeleksi dua kondisi apakah bernilai true atau false. Bentuk umum penulisan pernyataan if else adalah: if (kondisi) pernyataan-1 else pernyataan-2 Keterangan: Jika kondisi bernilai true maka akan dikerjakan pernyataan-1, dan jika kondisi bernilai false maka akan dikerjakan pernyataan-2 Tulislah kode program JavaScript berikut ini: <HTML> <BODY> <SCRIPT LANGUAGE="JavaScript"> var nilai = prompt('masukkan Nilai ;','') document.write ("Nilai Anda: "+nilai+" <br>") if(nilai >=60) document.write ("Selamat, Anda lulus...!") else document.write ("Anda harus belajar lagi...!") </SCRIPT> </BODY> </HTML> Apa output program tersebut dan jelaskan secara singkat Ketika program tersebut dibuka, muncul kotak dialog JavaScript yang mengharuskan kita mengisi kotak dialog tersebut dengan angka.
Jika kita ketikkan angka 60 maka kondisi bernilai benar, sehingga program mengerjakan perintah pada pernyataan-1. Andaikan saja jika kita masukkan 78, maka output program yang muncul adalah: Namun, jika kita ketikkan angka <60 maka kondisi bernilai salah, sehingga program mengerjakan perintah pada pernyataan-2. Andaian saja jika kita masukkan 12, maka output program yang muncul adalah : Jika kita tidak mengetikan angka tetapi langsung meng-klik, maka output program yang muncul adalah :
PRAKTIKUM III PERNYATAAN IF ELSE IF ELSE Pernyataan if else if else digunakan untuk menyeleksi dua kondisi apakah bernilai true atau false. Bentuk umum penulisan pernyataan if else if else adalah: if (kondisi-1) pernyataan-1 else if (kondisi-2) pernyataan-2 else pernyataan-3 Keterangan: Jika kondisi-1 bernilai true maka akan dikerjakan pernyataan-1, dan jika kondisi-2 bernilai true maka akan dikerjakan pernyataan-2, tetapi jika kondisi-1 dan kondisi-2 tidak ada yang bernilai true, maka akan dikerjakan pernyataan-3 Tulislah kode program JavaScript berikut ini: <HTML> <BODY> <SCRIPT LANGUAGE="JavaScript"> var angka = prompt('masukkan Sembarang Angka:','') document.write ("Angka Yang Anda Masukkan: "+angka+"<br>") if (angka > 0) document.write ("Bilangan Positip") else if (angka < 0) document.write ("Bilangan Negatip") else document.write ("Bilangan Nol") </SCRIPT> </BODY>
Apa output program tersebut dan jelaskan secara singkat! Ketika program tersebut dibuka, muncul kotak dialog JavaScript yang mengharuskan kita mengisi kotak dialog tersebut dengan angka. Jika kita ketikkan angka >0 maka kondisi bernilai benar, sehingga program mengerjakan perintah pada pernyataan-1. Andaikan saja jika kita masukkan 22, maka output program yang muncul adalah: Jika kita ketikkan angka <0 maka kondisi bernilai salah pada pernyataan- 1, namun bernilai benar pada pernyataan-2, sehingga program mengerjakan perintah pada pernyataan-2. Andaikan saja jika kita masukkan -22, maka output program yang muncul adalah :
Namun, jika kita ketikkan angka 0 maka kondisi bernilai salah pada pernyataan-1 dan pernyataan-2, sehingga program langsung mengerjakan perintah pada pernyataan-3. Dan output program yang muncul adalah : Jika kita tidak mengetikan angka tetapi langsung meng-klik, maka output program yang muncul adalah : Buatlah program Javascript untuk menyelesaikan permasalahan berikut ini: Diketahui input data nilai mahasiswa, meliputi: Nama Mahasiswa, Tugas, Kuis, UTS, dan UAS Nilai = Tugas(20%) + Kuis(25%) + UTS(25%) + UAS(30%) Tuliskan kode Javascript untuk mengetahui data nilai, Dengan ketentuan seperti berikut ini: Jika nilai >85, maka huruf= A, Keterangan= Lulus Jika nilai 70-85, maka huruf= B, Keterangan= Lulus Jika nilai 55-69, maka huruf= C, Keterangan= Lulus Jika nilai 40-54, maka huruf= D, Keterangan= Tidak Lulus Jika nilai <40, maka huruf= E, Keterangan= Tidak Lulus Data yang dicetak antara lain: Nama Mahasiswa Tugas Kuis UTS UAS Nilai Huruf Keterangan Jawabannya :
a. Program JavaScriptnya adalah <HTML> <BODY> <SCRIPT LANGUAGE="JavaScript"> var nama = prompt ('masukkan Nama:','') document.write ("Nama Mahasiswa:"+nama+"<br>") var tugas = prompt ('Tugas:','') document.write ("Tugas :"+tugas+"<br>") var kuis = prompt ('Kuis:','') document.write ("Kuis :"+kuis+"<br>") var uts = prompt ('UTS:','') document.write ("UTS :"+uts+"<br>") var uas = prompt ('UAS:','') document.write ("UAS :"+uas+"<br>") var angka = (20/100*tugas + 25/100*kuis + 25/100*uts + 30/100*uas) document.write (" Nilai :"+angka+"<br>") if (angka > 85) document.write ("Huruf : A <br> Keterangan : Lulus ") else if (angka <=85 & angka >=70) document.write ("Huruf : B <br> Keterangan : Lulus ") else if (angka <=69 & angka >=55 ) document.write ("Huruf : C <br> Keterangan : Lulus ") else if (angka <=40 & angka >=54 ) document.write ("Huruf : D <br> Keterangan : Tidak Lulus ") else if (angka <=40 ) document.write ("Huruf : E <br> Keterangan : Tidak Lulus ") else document.write ("Belum ada Nilai") </SCRIPT> </BODY> </HTML>
PRAKTIKUM IV PERNYATAAN SWITCH Pernyataan switch digunakan untuk menyeleksi beberapa kondisi yang nilainya sesuai dengan ekspresi Bentuk umum penulisan pernyataan switch adalah: switch <Ekspresi> case <Nilai-Ekspresi-1> : <Pernyataan-1> ; break ; case <Nilai-Ekspresi-2> : <Pernyataan-2> ; break ; : : default: <Pernyataan-n> Keterangan : dilakukan pengecekan terhadap ekspresi, jika ekspresi sama dengan nilai-ekspresi-1 maka pernyataan-1 akan dikerjakan, jika ekspresi
sama dengan nilai-ekspresi-2 maka pernyataan-2 akan dikerjakan, jika tidak ada ekspresi yang sama dengan nilai ekspresi maka pernyataan di dalam default yang akan dikerjakan Tuliskan kode program JavaScript berikut ini, dan apa output program tersebut (jelaskan secara singkat)! <SCRIPT LANGUAGE="JavaScript"> var nilai = prompt("masukkan Nilai:","") document.write ("Nilai Anda: "+nilai+" <br>") switch(nilai) case 'A' : document.write ("Sangat Memuaskan") ; break; case 'B' : document.write ("Memuaskan") ; break; case 'C' : document.write ("Cukup") ; break; case 'D' : document.write ("Kurang") ; break; case 'E' : document.write ("Sangat Kurang") ; break; default: document.write ("Salah Memasukkan Nilai") </SCRIPT> Ketika program tersebut dibuka, muncul kotak dialog JavaScript yang mengharuskan kita mengisi kotak dialog tersebut dengan Huruf Besar Tunggal. Jika nilai sama dengan A maka pernyataan-1 akan dikerjakan, sehingga output program yang muncul adalah: Jika nilai sama dengan B maka pernyataan-1 akan dikerjakan, sehingga output program yang muncul adalah:
Jika nilai sama dengan C maka pernyataan-1 akan dikerjakan, sehingga output program yang muncul adalah: Jika nilai sama dengan D maka pernyataan-1 akan dikerjakan, sehingga output program yang muncul adalah: Jika nilai sama dengan E maka pernyataan-1 akan dikerjakan, sehingga output program yang muncul adalah: Namun, jika nilai yang diketikkan tidak sama dengan nilai yang terdapat pada ekspresi maka pernyataan pada default yang akan dikerjakan, sehingga output program yang muncul adalah:
Jika kita tidak mengetikan angka tetapi langsung meng-klik, maka output program yang muncul adalah : PRAKTIKUM V PERNYATAAN FOR Pernyataan for digunakan untuk melakukan perulangan terhadap pernyataan program tertentu Bentuk umum penulisan pernyataan for adalah: For (nilai_awal; kondisi; perulangan) <Pernyataan>
Tuliskan kode program JavaScript berikut ini, dan apa output program tersebut (jelaskan secara singkat)! <SCRIPT LANGUAGE="JavaScript"> for (var i = 1; i<= 10; i++) document.write (i + "<br>") </SCRIPT> Diketahui bahwa variabel i adalah 1. Perintah for dengan rumus i + 1 digunakan untuk mencari hasil perulangan i yang kurang dari sama dengan 10. Sehingga output program tersebut adalah : Tuliskan kode program JavaScript berikut ini, dan apa output program tersebut (jelaskan secara singkat)! <SCRIPT LANGUAGE="JavaScript"> for (var i = 10; i>= 1; i--) document.write (i + "<br>") </SCRIPT>
Diketahui bahwa variabel i adalah 10. Perintah for dengan rumus i - 1 digunakan untuk mencari hasil perulangan i yang lebih dari sama dengan 1. Sehingga output program tersebut adalah : Tuliskan kode program JavaScript berikut ini, dan apa output program tersebut (jelaskan secara singkat)! <SCRIPT LANGUAGE="JavaScript"> for (var i = 1; i<= 10; i+=3) document.write (i + "<br>") </SCRIPT> Diketahui bahwa variabel i adalah 1. Perintah for dengan rumus i + 3 digunakan untuk mencari hasil perulangan i yang kurang dari sama dengan 10. Sehingga output program tersebut adalah : Tuliskan kode program JavaScript berikut ini, dan apa output program tersebut (jelaskan secara singkat)! <script language= JavaScript > for (var i = 1; i<= 10; i++) document.write (i + <br> ) </script>
Diketahui bahwa variabel i adalah 1. Perintah for dengan rumus i + 1 digunakan untuk mencari hasil perulangan i yang kurang dari sama dengan 10. Sehingga output program tersebut adalah : Tuliskan kode program JavaScript berikut ini, dan apa output program tersebut (jelaskan secara singkat)! <script language= JavaScript > for (var i = 1; <= 10;) document.write (i + <br> ) i++; </script> Diketahui bahwa variabel i adalah 1. Perintah for dengan rumus i + 1 digunakan untuk mencari hasil perulangan i yang kurang dari sama dengan 10. Sehingga output program tersebut adalah :
Tuliskan kode program JavaScript berikut ini, dan apa output program tersebut (jelaskan secara singkat)! <script language= JavaScript > var i = 1; for (;i = 1; <= 10; i++) document.write (i + <br> ) </script> Diketahui bahwa variabel i adalah 1. Perintah for dengan rumus i + 1 digunakan untuk mencari hasil perulangan i yang kurang dari sama dengan 10. Sehingga output program tersebut adalah : Tuliskan kode program JavaScript berikut ini, dan apa output program tersebut (jelaskan secara singkat)! <script language= JavaScript > var i = 1 for (; i <= 10;) document.write (i + <br> ); i++); </script>
Diketahui bahwa variabel i adalah 1. Perintah for dengan rumus i + 1 digunakan untuk mencari hasil perulangan i yang kurang dari sama dengan 10. Sehingga output program tersebut adalah : : Tuliskan kode program JavaScript berikut ini, dan apa output program tersebut (jelaskan secara singkat)! <script language= JavaScript > for (var i = 1; i <= 3; i++) for (var j = 1; j <= 2; j++) document.writeln (i + + j + <br> ) </script> Diketahui bahwa variabel i dan variabel j adalah sama-sama 1. Perintah for dengan rumus i + + j digunakan untuk mencari hasil perulangan i terjadi dua kali yang kurang dari sama dengan 3 dan hasil perulangan j yang kurang dari sama dengan 2. Sehingga output program tersebut adalah : Gunakan pernyataan for pada JavaScript untuk menyelesaikan program berikut ini:
1. Buatlah program untuk menampilkan 5 bilangan negatip yang pertama : - 1, -2, -3, -4, -5 <SCRIPT LANGUAGE="JavaScript"> for (var i =-1; i>=-5; i--) document.write (i + "<br>") </SCRIPT> Diketahui bahwa variabel i adalah - 1. Perintah for dengan rumus i + 1 digunakan untuk mencari hasil perulangan i yang lebihdari sama dengan -5. Sehingga output program tersebut adalah : 2. Buat program untuk menampilakan deret bilangan : 1, 4, 9, 16, 25 <SCRIPT LANGUAGE="JavaScript"> for (var i =1; i<=5; i++) document.write (i*i + "<br>") </SCRIPT> Diketahui bahwa variabel i adalah 1. Perintah for dengan rumus i * idigunakan untuk mencari hasil perulangan i yang kurang dari sama dengan 5. Sehingga output program tersebut adalah :
3. buat program untuk menampilkan total dari 5 bilangan positip yang pertama: 1 + 2 + 3 + 4 + 5 (total = 15) <SCRIPT LANGUAGE="JavaScript"> for (var i = 1; i <=1; i++) for (var j = 2; j <=2; j++) for (var k = 3; k <=3; k++) for (var l = 4; l <=4; l++) for (var m = 5; m <=5; m++) document.writeln (i + j + k + l + m + "<br>") </SCRIPT> Diketahui bahwa variabel i, j, k, l, dan m berturut-turut adalah 1, 2, 3, 4, dan 5. Perintah for dengan rumus i + j + k + l + m digunakan untuk mencari hasil penjumlahan dari variabelnya. Sehingga output program tersebut adalah :
PRAKTIKUM VI PERNYATAAN WHILE Pernyataan while digunakan untuk melakukan perulangan terhadap pernyataan program berdasarkan kondisi tertentu Bentuk umum pernyataan while adalah while (kondisi)............................................. Tuliskan kode program JavaScript berikut ini, dan apa output program tersebut <script language= JavaScript > var i = 1 while (i <= 5;) document.write (i + <br> ); i++); </script> Diketahui bahwa variabel i adalah 1. Perintah while dengan rumus i + 1 digunakan untuk mencari hasil perulangan i yang kurang dari sama dengan 5. Sehingga output program tersebut adalah : Gunakan pernyataan while pada JavaScript untuk menyelesaikan program berikut ini: 1. Buatlah program untuk menampilkan 5 bilangan negatip yang pertama : - 1, -2, -3, -4, -5
<SCRIPT LANGUAGE="JavaScript"> var i = -1 while (i >= -5) document.write (i + "<br>"); i--; </SCRIPT> Diketahui bahwa variabel i adalah -1. Perintah while dengan rumus i + 1 digunakan untuk mencari hasil perulangan i yang lebih dari sama dengan -5. Sehingga output program tersebut adalah : 2. Buat program untuk menampilakan deret bilangan : 1, 4, 9, 16, 25 <SCRIPT LANGUAGE="JavaScript"> var i = -1 while (i >= -5) document.write (i*i + "<br>"); i--; </SCRIPT> Diketahui bahwa variabel i adalah 1. Perintah while dengan rumus i * i digunakan untuk mencari hasil perulangan i yang kurang dari sama dengan 5. Sehingga output program tersebut adalah :
3. buat program untuk menampilkan total dari 5 bilangan positip yang pertama: 1 + 2 + 3 + 4 + 5 (total = 15) <script language="javascript"> var i=1 while (i<=1) var j=2 while (j<=2) var k=3 while (k<=3) var l=4 while (l<=4) var m=5 while (m<=5) document.write(i+ j + k + l + m + "<br>") m++ while (m<=5) l++ k++ j++ i++ </Script> Diketahui bahwa variabel i, j, k, l, dan m berturut-turut adalah 1, 2, 3, 4, dan 5. Perintah while dengan rumus i + j + k + l + m digunakan untuk mencari hasil penjumlahan dari variabelnya. Sehingga output program tersebut adalah : 4. Ubahlah kode program berikut ini kedalam pernyataan while <script language= JavaScript > for (var i = 1; i <= 3; i++) for (var j = 1; j <= 2; j++) document.writeln (i + + j + <br> ) </script>
Jawab : <script language="javascript"> var i=1 while (i<=3) var j=1 while (j<=2) document.write(i+" "+j+"<br>") j++ i++ </Script>
PRAKTIKUM VII PERNYATAAN DO WHILE Pernyataan do.while digunakan untuk melakukan perulangan terhadap pernyataan program berdasarkan kondisi tertentu Bentuk umum penulisan pernyataan do.while adalah: do (kondisi)............................................. while (kondisi) Tuliskan kode program JavaScript berikut ini, dan apa output program tersebut <script language= JavaScript > var i = 1 do document.write (i + <br> ); i++); while (i <= 5) </script> Diketahui bahwa variabel i adalah 1. Perintah do...while dengan rumus i + 1 digunakan untuk mencari hasil perulangan i yang kurang dari sama dengan 5. Sehingga output program tersebut adalah :
Gunakan pernyataan do while pada JavaScript untuk menyelesaikan program berikut ini: 1. Buatlah program untuk menampilkan 5 bilangan negatip yang pertama : - 1, -2, -3, -4, -5 <SCRIPT LANGUAGE="JavaScript"> var i = -1 do document.write (i + "<br>"); i--; while (i >= -5) </SCRIPT> Diketahui bahwa variabel i adalah -1. Perintah do...while dengan rumus i + 1 digunakan untuk mencari hasil perulangan i yang lebihdari sama dengan -5. Sehingga output program tersebut adalah : 2. Buat program untuk menampilakan deret bilangan : 1, 4, 9, 16, 25 <SCRIPT LANGUAGE="JavaScript"> var i = -1
Diketahui bahwa variabel i adalah 1. Perintah do...while dengan rumus i * i digunakan untuk mencari hasil perulangan i yang kurang dari sama dengan 5. Sehingga output program tersebut adalah : 3. buat program untuk menampilkan total dari 5 bilangan positip yang pertama: 1 + 2 + 3 + 4 + 5 (total = 15) <script language="javascript"> var i=1 do var j=2 do var k=3 do var l=4 do var m=5 do document.write(i+ j + k + l + m +"<br>") m++ while (m<=5) l++ while (l<=4) k++ while (k<=3) j++ while (j<=2) i++ while (i<=1) </Script>
Diketahui bahwa variabel i, j, k, l, dan m berturut-turut adalah 1, 2, 3, 4, dan 5. Perintah do...while dengan rumus i + j + k + l + m digunakan untuk mencari hasil penjumlahan dari variabelnya. Sehingga output program tersebut adalah : 4. Ubahlah kode program berikut ini kedalam pernyataan do while <script language= JavaScript > for (var i = 1; i <= 3; i++) for (var j = 1; j <= 2; j++) document.writeln (i + + j + <br> ) </script> Jawab : <script language="javascript"> var i=1 do var j=1 do document.write(i+" "+j+"<br>") j++while (j<=2) i++while (i<=3) </Script>
PRAKTIKUM VIII PERNYATAAN BREAK Pernyataan break digunakan untuk menghentikan pengulangan ditengah jalannya program Tuliskan kode JavaScript berikut ini, dan apa output program tersebut <script language= JavaScript > var i = 1 while ( i >= 0) document.write (i + <br> ); i++; if (i > 5) break; </script>
Diketahui bahwa variabel i adalah 1. Perintah while rumus i + 1 digunakan untuk mencari hasil pengulangan i yang lebih dari sama dengan 0 tetapi akan menghentikan perulangan i yang lebih dari 5 karena ada perintah break. Sehingga output program tersebut adalah : PRAKTIKUM IX PERNYATAAN CONTINUE Pernyataan continue digunakan untuk mengembalikan aliran program ke penguji kondisi pengulangan Tuliskan kode program JavaScript berikut ini, dan apa output program tersebut <script language= JavaScript > for (var i = 1; i <= 10; i++) if ((i % 3)!= 0) continue; document.write (i + <br> ) </script>
Diketahui bahwa variabel i adalah 1, dengan syarat i kurang dari 10. Perintah if dengan digunakan untuk menyeleksi kondisi saat i % 3 pernyataan tersebut tidak berlaku saat i sama dengan 0. Perintah continue digunakan untuk mengembalikan aliran program ke penguji kondisi pengulangan. Sehingga ketika program tersebut dibuka, akan muncul seperti pada gambar: PRAKTIKUM X OBJEK DATE Objek date digunakan untuk menangani informasi date dan time. Semua tanggal adalah jumlah milidetik sejak January 1, 1970, 00:00:00. akibatnya semua tanggal sebelum 1970 adalah tidak sah. Tuliskan kode program JavaScript berikut ini, dan apa output program tersebut <SCRIPT LANGUAGE="JavaScript"> document.writeln("<pre>"); var tanggal = new Date();
Outputnya adalah : Ketika program tersebut dibuka, maka output yang muncul adalah informasi hari, tanggal dan waktu saat itu. Seperti pada gambar: Tuliskan kode program JavaScript berikut ini, dan apa output program tersebut <script language= JavaScript > var NamaHari=new Array( Minggu, Senin, Selasa, Rabu, Kamis, Jumat, Sabtu ); var NamaBulan=new Array( Januari, Februari, Maret, April, Mei, Juni, Juli, Agustus, Septemb er, Oktober, November, Desember ); var tgl = new Date (); var thn = tgl.getyear(); if (thn<1000) thn +=1900; document.write( Hari ini adalah : + NamaHari[tgl.getDay()] +, + tgl.getdate() + + NamaBulan[tgl.getMonth()] + + thn);
Outputnya adalah : Ketika program tersebut dibuka, maka output yang muncul adalah informasi hari dan tanggal saat itu saja, tanpa waktu. Seperti pada gambar: