javascript - ezhpe.files.wordpress.com filemata kuliah desain web oleh : agung dian pribadi nim :...

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:

Keterangan: Jika kondisi bernilai true maka akan dikerjakan pernyataan

program.

Tulislah kode program JavaScript berikut ini:

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.

if (kondisi)

{pernyataan}

<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>

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:

Keterangan: Jika kondisi bernilai true maka akan dikerjakan pernyataan-1,

dan jika kondisi bernilai false maka akan dikerjakan pernyataan-2


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.

<HTML>

<BODY>


var nilai = prompt('Masukkan Nilai ;','')


if(nilai >=60) {

document.write ("Selamat, Anda lulus ...!")

}

else {

document.write ("Anda harus belajar lagi ...!")

}

</SCRIPT>

</BODY>

</HTML>

if (kondisi)

{pernyataan-1}

else

{pernyataan-2}

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 :



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:

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


if (kondisi-1)

{pernyataan-1}

else if (kondisi-2)

{pernyataan-2}

else

{pernyataan-3}

<HTML>

<BODY>


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>

</HTML>

Apa output program tersebut dan jelaskan secara singkat!


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 :



Buatlah program Javascript untuk menyelesaikan permasalahan berikut

ini:

Jawabannya :

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

a. Program JavaScriptnya adalah

<HTML>

<BODY>


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:

Keterangan : dilakukan pengecekan terhadap ekspresi, jika ekspresi sama

dengan nilai-ekspresi-1 maka pernyataan-1 akan dikerjakan, jika ekspresi

switch <Ekspresi>

{

case <Nilai-Ekspresi-1> : <Pernyataan-1> ; break ;

case <Nilai-Ekspresi-2> : <Pernyataan-2> ; break ;

:

:

default: <Pernyataan-n>

}

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)!


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


<html>

<body>


var nilai = prompt("Masukkan Nilai:","")


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>

</body>

</html>

Jika nilai sama dengan C maka pernyataan-1 akan dikerjakan, sehingga


Jika nilai sama dengan D maka pernyataan-1 akan dikerjakan, sehingga


Jika nilai sama dengan E maka pernyataan-1 akan dikerjakan, sehingga


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:



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>

}



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 :



<html>

<body>


for (var i = 1; i<= 10; i++)

{

document.write (i + "<br>")

}

</SCRIPT>

</body>

</html>

<html>

<body>


for (var i = 10; i>= 1; i--)

{


}

</SCRIPT>

</body>

</html>

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 :








<html>

<body>


for (var i = 1; i<= 10; i+=3)

{


}

</SCRIPT>

</body>

</html>

<html>

<body>

<script language=”JavaScript”>

for (var i = 1; i<= 10; i++)

{

document.write (i + “<br>”)

}

</script>

</body>

</html>




:



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:

<html>

<body>


for (var i = 1; i <= 3; i++)

for (var j = 1; j <= 2; j++)

document.writeln (i + “ “ + j +“<br>”)

</script>

</body>

</html>

1. Buatlah program untuk menampilkan 5 bilangan negatip yang pertama : -

1, -2, -3, -4, -5

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

Diketahui bahwa variabel i adalah 1. Perintah „for‟ dengan rumus i *

idigunakan untuk mencari hasil perulangan i yang kurang dari sama


<html>

<body>


for (var i =-1; i>=-5; i--)

{

document.write (i +

"<br>")

}

</SCRIPT>

</body>

</html>

<html>

<body>


for (var i =1; i<=5; i++)

{

document.write (i*i +

"<br>")

}

</SCRIPT>

</body>

</html>

3. buat program untuk menampilkan total dari 5 bilangan positip yang

pertama: 1 + 2 + 3 + 4 + 5 (total = 15)

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 :

<html>

<body>


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>

</body>

</html>

PRAKTIKUM VI

PERNYATAAN WHILE

Pernyataan while digunakan untuk melakukan perulangan terhadap

pernyataan program berdasarkan kondisi tertentu

Bentuk umum pernyataan while adalah


tersebut

Diketahui bahwa variabel i adalah 1. Perintah „while‟ dengan rumus i + 1



Gunakan pernyataan while pada JavaScript untuk menyelesaikan program

berikut ini:


1, -2, -3, -4, -5

while (kondisi)

{

. . . . . . . . . . . . . . .

. . . . . . . . . . . . . . .

. . . . . . . . . . . . . . .

}

<html>

<body>


var i = 1

while (i <= 5;)

{


i++);

}

</script>

</body>

</html>

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 :


Diketahui bahwa variabel i adalah 1. Perintah „while‟ dengan rumus i * i



<html>

<body>


var i = -1

while (i >= -5)

{

document.write (i + "<br>");

i--;

}

</SCRIPT>

</body>

</html>

<html>

<body>


var i = -1

while (i >= -5)

{

document.write (i*i + "<br>");

i--;

}

</SCRIPT>

</body>

</html>


pertama: 1 + 2 + 3 + 4 + 5 (total = 15)


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

<html>

<body>


for (var i = 1; i <= 3; i++)

for (var j = 1; j <= 2; j++)


</script>

</body>

</html>

<html>

<body>

<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>

</body>

</html>

Jawab :

<html>

<body>


var i=1

while (i<=3)

{ var j=1

while (j<=2)

{ document.write(i+"

"+j+"<br>")

j++}

i++}

</Script>

</body>

</html>

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:


tersebut

Diketahui bahwa variabel i adalah 1. Perintah „do...while‟ dengan rumus

i + 1 digunakan untuk mencari hasil perulangan i yang kurang dari sama


do (kondisi)

{

. . . . . . . . . . . . . . .

. . . . . . . . . . . . . . .

. . . . . . . . . . . . . . .

}

while (kondisi)

<html>

<body>


var i = 1

do

{


i++);

}

while (i <= 5)

</script>

</body>

</html>

Gunakan pernyataan do…while pada JavaScript untuk menyelesaikan

program berikut ini:


1, -2, -3, -4, -5

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 :


<html>

<body>


var i = -1

do

{

document.write (i + "<br>");

i--;

}

while (i >= -5)

</SCRIPT>

</body>

</html>

<html>

<body>


var i = -1

do

Diketahui bahwa variabel i adalah 1. Perintah „do...while‟ dengan rumus

i * i digunakan untuk mencari hasil perulangan i yang kurang dari sama



pertama: 1 + 2 + 3 + 4 + 5 (total = 15)

<html>

<body>


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>

</body>

</html>


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

Jawab :

<html>

<body>


for (var i = 1; i <= 3; i++)

for (var j = 1; j <= 2; j++)


</script>

</body>

</html>

<html>

<body>


var i=1

do

{var j=1

do

{document.write(i+" "+j+"<br>")

j++}while (j<=2)

i++}while (i<=3)

</Script>

</body>

</html>

PRAKTIKUM VIII

PERNYATAAN BREAK

Pernyataan break digunakan untuk menghentikan pengulangan ditengah

jalannya program

Tuliskan kode JavaScript berikut ini, dan apa output program tersebut

<html>

<body>


var i = 1

while ( i >= 0)

{


i++;

if (i > 5)

break;

}

</script>

</body>

</html>

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


tersebut

<html>

<body>


for (var i = 1; i <= 10; i++)

{

if ((i % 3) != 0)

continue;


}

</script>

</body>

</html>

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.


tersebut

<html>

<body>


document.writeln("<PRE>");

var tanggal = new Date();

var tgl = tanggal.getDate();

Outputnya adalah :

Ketika program tersebut dibuka, maka output yang muncul adalah

informasi hari, tanggal dan waktu saat itu. Seperti pada gambar:


tersebut

<html>

<body>


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:

javascript - ezhpe.files.wordpress.com filemata kuliah desain web oleh : agung dian pribadi nim :...

Documents