PRAKTIKUM I PERNYATAAN IF - ezhpe.files.wordpress.com · var angka = (20/100*tugas + 25/100*kuis +...

36
Desain Web - Pemrograman JavaScript 1 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! Ketika program PRAKTIKUM I dibuka, muncul kotak dialog JavaScript yang mengharuskan kita mengisi kotak dialog JavaScript tersebut dengan angka. Jika kita mengetikkan angka ≥ 60 maka kondisi bernilai benar, sehingga program mengerjakan perintah pada pernyataan. Misalnya kita mengetikkan angka 90, lalu klik OK maka output program yang muncul adalah : <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> if (kondisi) {pernyataan}

Transcript of PRAKTIKUM I PERNYATAAN IF - ezhpe.files.wordpress.com · var angka = (20/100*tugas + 25/100*kuis +...

Desain Web - Pemrograman JavaScript 1

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!

Ketika program PRAKTIKUM I dibuka, muncul kotak dialog JavaScript yang

mengharuskan kita mengisi kotak dialog JavaScript tersebut dengan angka.

Jika kita mengetikkan angka ≥ 60 maka kondisi bernilai benar, sehingga

program mengerjakan perintah pada pernyataan. Misalnya kita mengetikkan

angka 90, lalu klik OK maka output program yang muncul adalah :

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

if (kondisi)

{pernyataan}

Desain Web - Pemrograman JavaScript 2

Jika kita mengetikkan angka < 60 maka kondisi bernilai salah, sehingga program

tidak mengerjakan perintah pada pernyataan. Misalnya jika kita mengetikkan

angka 40, lalu klik OK maka output program yang muncul adalah :

Jika kita tidak mengetikkan angka atau kita mengetikkan angka namun langsung

klik Cancel, maka output program yang muncul adalah :

Desain Web - Pemrograman JavaScript 3

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

Tulislah kode program JavaScript berikut ini:

Apa output program tersebut dan jelaskan secara singkat

Ketika program PRAKTIKUM II dibuka, muncul kotak dialog JavaScript yang

mengharuskan kita mengisi kotak dialog JavaScript tersebut dengan angka.

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

if (kondisi)

{pernyataan-1}

else

{pernyataan-2}

Desain Web - Pemrograman JavaScript 4

Jika kita mengetikkan angka ≥ 60 maka kondisi bernilai benar, sehingga

program mengerjakan perintah pada pernyataan-1. Misalnya kita mengetikkan

angka 100, lalu klik OK maka output program yang muncul adalah:

Namun, jika kita mengetikkan angka < 60 maka kondisi bernilai salah, sehingga

program mengerjakan perintah pada pernyataan-2. Misalnya kita mengetikkan

angka 50, lalu klik OK maka output program yang muncul adalah :

Jika kita tidak mengetikkan angka atau kita mengetikkan angka namun langsung

klik Cancel, maka output program yang muncul adalah :

Desain Web - Pemrograman JavaScript 5

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

Tulislah kode program JavaScript berikut ini:

Apa output program tersebut dan jelaskan secara singkat

Ketika program PRAKTIKUM III dibuka, muncul kotak dialog JavaScript yang

mengharuskan kita mengisi kotak dialog JavaScript tersebut dengan angka.

if (kondisi-1)

{pernyataan-1}

else if (kondisi-2)

{pernyataan-2}

else

{pernyataan-3}

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

</HTML>

Desain Web - Pemrograman JavaScript 6

Jika kita mengetikkan angka > 0 maka kondisi bernilai benar, sehingga program

mengerjakan perintah pada pernyataan-1. Misalnya kita mengetikkan angka 60,

lalu klik OK maka output program yang muncul adalah:

Jika kita mengetikkan angka < 0 maka kondisi bernilai salah pada pernyataan-1,

namun bernilai benar pada pernyataan-2, sehingga program mengerjakan

perintah pada pernyataan-2. Misalnya kita mengetikkan angka -30, lalu klik OK

maka output program yang muncul adalah :

Namun, jika kita mengetikkan angka 0 maka kondisi bernilai salah pada

pernyataan-1 dan pernyataan-2, sehingga program langsung mengerjakan

perintah pada pernyataan-3. Setelah klik OK, output program yang muncul

adalah :

Desain Web - Pemrograman JavaScript 7

Jika kita tidak mengetikkan angka atau kita mengetikkan angka namun langsung

klik Cancel, 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

Desain Web - Pemrograman JavaScript 8

Kode program JavaScriptnya adalah sebagai berikut :

Ketika program

tersebut dibuka, muncul

kotak dialog JavaScript

yang mengharuskan

kita mengisi Nama

Mahasiswa. Misalnya,

Aldila Sakinah Putri.

Lalu klik OK.

Kemudian muncul

kotak dialog JavaScript

yang mengharuskan

kita mengisi Nilai

Tugas. Misalnya 80.

Lalu klik OK.

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

Desain Web - Pemrograman JavaScript 9

Kemudian muncul

kotak dialog JavaScript

yang mengharuskan

kita mengisi Nilai Kuis.

Misalnya 90. Lalu klik

OK.

Kemudian muncul

kotak dialog JavaScript

yang mengharuskan

kita mengisi Nilai UTS.

Misalnya 85. Lalu klik

OK.

Kemudian muncul

kotak dialog JavaScript

yang mengharuskan

kita mengisi Nilai

UAS. Misalnya 95.

Lalu klik OK.

Sehingga output yang dihasilkan adalah :

Desain Web - Pemrograman JavaScript 10

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

Ketika program PRAKTIKUM IV dibuka, muncul kotak dialog JavaScript yang

mengharuskan kita mengisi kotak dialog JavaScript tersebut dengan huruf besar

tunggal.

switch <Ekspresi>

{

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

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

:

:

default: <Pernyataan-n>

}

<html>

<body>

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

</body>

</html>

Desain Web - Pemrograman JavaScript 11

Jika kita mengetikkan nilai sama dengan A maka pernyataan-1 akan dikerjakan

(dan seterusnya sampai E), lalu klik OK sehingga output program yang muncul

adalah:

Namun, jika kita mengetikkan nilai yang tidak sama dengan nilai yang terdapat

pada ekspresi (tidak memakai huruf besar maupun huruf besar diluar huruf A-E)

maka pernyataan pada default yang akan dikerjakan. Klik OK sehingga output

program yang muncul adalah:

Desain Web - Pemrograman JavaScript 12

Jika kita tidak mengetikkan angka atau kita mengetikkan angka namun langsung

klik Cancel, maka output program yang muncul adalah :

Desain Web - Pemrograman JavaScript 13

PRAKTIKUM V

PERNYATAAN FOR

Pernyataan for digunakan untuk melakukan perulangan terhadap pernyataan

program tertentu

Bentuk umum penulisan pernyataan for adalah:

Tuliskan kode program JavaScript berikut ini, dan apa output program

tersebut (jelaskan secara singkat)

Diketahui bahwa nilai awal i adalah 1, variabel i tersebut mengerjakan perintah

i+1 dengan hasil ≤ 10. Penulisan “<br>” digunakan untuk mengatur baris dari

hasil angka-angka tersebut. Sehingga ketika program tersebut dibuka, muncul

angka berurutan 1-10 secara vertikal.

<html>

<body>

<SCRIPT LANGUAGE="JavaScript">

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

{

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

}

</SCRIPT>

</body>

</html>

For (nilai_awal; kondisi; perulangan)

{

<Pernyataan>

}

Desain Web - Pemrograman JavaScript 14

Tuliskan kode program JavaScript berikut ini, dan apa output program

tersebut (jelaskan secara singkat)

Diketahui bahwa nilai awal i adalah 10, variabel i tersebut mengerjakan perintah

i-1 dengan hasil ≥ 1. Penulisan “<br>” digunakan untuk mengatur baris dari

hasil angka-angka tersebut. Sehingga ketika program tersebut dibuka, muncul

angka berurutan 10-1 secara vertikal.

Tuliskan kode program JavaScript berikut ini, dan apa output program

tersebut (jelaskan secara singkat)

<html>

<body>

<SCRIPT LANGUAGE="JavaScript">

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

{

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

}

</SCRIPT>

</body>

</html>

<html>

<body>

<SCRIPT LANGUAGE="JavaScript">

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

{

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

}

</SCRIPT>

</body>

</html>

Desain Web - Pemrograman JavaScript 15

Diketahui bahwa nilai awal i adalah 1, variabel i tersebut mengerjakan perintah

i+3 dengan hasil ≤ 10. Penulisan “<br>” digunakan untuk mengatur baris dari

hasil angka-angka tersebut. Sehingga ketika program tersebut dibuka, muncul

angka 1 4 7 10 secara vertikal.

Tuliskan kode program JavaScript berikut ini, dan apa output program

tersebut (jelaskan secara singkat)

Diketahui bahwa nilai awal i adalah 1, variabel i tersebut mengerjakan perintah

i+1 dengan hasil ≤ 10. Penulisan “<br>” digunakan untuk mengatur baris dari

hasil angka-angka tersebut. Sehingga ketika program tersebut dibuka, muncul

angka berurutan 1-10 secara vertikal.

<html>

<body>

<script language=”JavaScript”>

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

{

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

}

</script>

</body>

</html>

Desain Web - Pemrograman JavaScript 16

Tuliskan kode program JavaScript berikut ini, dan apa output program

tersebut (jelaskan secara singkat)

Meskipun penulisannya berbeda dengan program sebelumnya, yaitu pada

penulisan perulangan yang berada di bawah pernyataan, namun pengerjaan

perintahnya sama saja. Yaitu diketahui bahwa nilai awal i adalah 1, variabel i

tersebut mengerjakan perintah i+1 dengan hasil ≤ 10. Penulisan “<br>”

digunakan untuk mengatur baris dari hasil angka-angka tersebut. Sehingga

ketika program tersebut dibuka, muncul angka berurutan 1-10 secara vertikal.

Tuliskan kode program JavaScript berikut ini, dan apa output program

tersebut (jelaskan secara singkat)

<html>

<body>

<script language=”JavaScript”>

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

{

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

i++;

}

</script>

</body>

</html>

<html>

<body>

<script language=”JavaScript”>

var i = 1;

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

{

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

}

</script>

</body>

</html>

Desain Web - Pemrograman JavaScript 17

Meskipun penulisannya berbeda dengan program sebelumnya, yaitu pada

penulisan nilai awal yang berada di atas kondisi dan perulangan, namun

pengerjaan perintahnya sama saja. Yaitu diketahui bahwa nilai awal i adalah 1,

variabel i tersebut mengerjakan perintah i+1 dengan hasil ≤ 10. Penulisan

“<br>” digunakan untuk mengatur baris dari hasil angka-angka tersebut.

Sehingga ketika program tersebut dibuka, muncul angka berurutan 1-10 secara

vertikal.

Tuliskan kode program JavaScript berikut ini, dan apa output program

tersebut (jelaskan secara singkat)

Meskipun penulisannya berbeda dengan program sebelumnya, yaitu pada

penulisan nilai awal yang berada di atas kondisi dan penulisan perulangan yang

berada di bawah pernyataan, namun pengerjaan perintahnya sama saja. Yaitu

diketahui bahwa nilai awal i adalah 1, variabel i tersebut mengerjakan perintah

i+1 dengan hasil ≤ 10. Penulisan “<br>” digunakan untuk mengatur baris dari

hasil angka-angka tersebut. Sehingga ketika program tersebut dibuka, muncul

angka berurutan 1-10 secara vertikal.

<html>

<body>

<script language=”JavaScript”>

var i = 1

for (; i <= 10;)

{

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

i++);

}

</script>

</body>

</html>

Desain Web - Pemrograman JavaScript 18

Tuliskan kode program JavaScript berikut ini, dan apa output program

tersebut (jelaskan secara singkat)

Diketahui bahwa nilai awal i adalah 1, variabel i tersebut mengerjakan perintah

i+1 dengan hasil ≤ 3. Dan diketahui bahwa nilai awal j adalah 1, variabel j

tersebut mengerjakan perintah j+1 dengan hasil ≤ 2. Penulisan “<br>”

digunakan untuk mengatur baris dari hasil angka-angka tersebut. Ketika

program tersebut dibuka, muncul angka 1 1 ; 1 2 ; 2 1 ; 2 2 ; 3 1 ; 3 2 secara

vertikal. Rumus yang digunakan adalah (i + “ “ + j +“<br>”). Maksud dari

angka-angka tersebut adalah tempat pertama adalah 1 sebagai hasil i. Tempat

kedua adalah “_” sebagai spasi. Tempat ketiga adalah 1 sebagai hasil j lalu

“<br>” untuk mengatur baris dan seterusnya sehingga didapatkan output sebagai

berikut.

<html>

<body>

<script language=”JavaScript”>

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

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

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

</script>

</body>

</html>

Desain Web - Pemrograman JavaScript 19

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

Kode program dan Outputnya adalah :

Diketahui bahwa nilai awal i adalah -1, variabel i tersebut mengerjakan perintah

i-1 dengan hasil ≥ -5. Penulisan “<br>” digunakan untuk mengatur baris dari

hasil angka-angka tersebut. Sehingga ketika program tersebut dibuka, muncul

angka berurutan -1 sampai -5 secara vertikal.

2. Buat program untuk menampilakan deret bilangan : 1, 4, 9, 16, 25

<html>

<body>

<SCRIPT LANGUAGE="JavaScript">

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

{

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

}

</SCRIPT>

</body>

</html>

Desain Web - Pemrograman JavaScript 20

Kode program dan Outputnya adalah :

Diketahui bahwa nilai awal i adalah 1, variabel i tersebut mengerjakan perintah

i+1 dengan hasil ≤ 5. Lalu, variabel i tersebut mengerjakan rumus i x i.

Penulisan “<br>” digunakan untuk mengatur baris dari hasil angka-angka

tersebut. Sehingga ketika program tersebut dibuka, muncul angka berurutan 1 4

9 16 25 secara vertikal.

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

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

Kode program dan Outputnya adalah :

<HTML>

<BODY>

<SCRIPT LANGUAGE="JavaScript">

total = 0;

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

{

total = total + i;

if ( i<5 )

document.write ( i + " + " );

else

document.write ( i );

}

document.write ( " total = " + total );

</SCRIPT>

</BODY>

</HTML>

<html>

<body>

<SCRIPT LANGUAGE="JavaScript">

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

{

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

}

</SCRIPT>

</body>

</html>

Desain Web - Pemrograman JavaScript 21

Diketahui bahwa total=0 dan nilai awal i adalah 1, variabel i tersebut

mengerjakan perintah i+1 dengan hasil ≤ 5. Lalu, variabel i tersebut

mengerjakan rumus total=total+i. Jika i < 5 maka program akan menjalankan

perintah i + simbol plus (+). Namun, jika pada pernyataan-1 kondisi bernilai

salah maka program akan menjalankan perintah pada pernyataan-2. Penulisan

“total =” + total digunakan untuk mengatur hasil angka-angka tersebut agar

ketika program tersebut dibuka, muncul angka 1+2+3+4+5 total = 15 secara

horizontal.

Desain Web - Pemrograman JavaScript 22

PRAKTIKUM VI

PERNYATAAN WHILE

Pernyataan while digunakan untuk melakukan perulangan terhadap

pernyataan program berdasarkan kondisi tertentu

Bentuk umum pernyataan while adalah

Tuliskan kode program JavaScript berikut ini, dan apa output program

tersebut (jelaskan secara singkat)

Diketahui bahwa nilai awal i adalah 1, variabel i tersebut mengerjakan perintah

i+1 dengan hasil ≤ 5. Penulisan “<br>” digunakan untuk mengatur baris dari

hasil angka-angka tersebut. Sehingga ketika program tersebut dibuka, muncul

angka 1-5 secara vertikal.

Gunakan pernyataan while pada JavaScript untuk menyelesaikan program

berikut ini:

while (kondisi)

{

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

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

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

}

<html>

<body>

<script language=”JavaScript”>

var i = 1

while (i <= 5;)

{

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

i++);

}

</script>

</body>

</html>

Desain Web - Pemrograman JavaScript 23

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

2, -3, -4, -5

Kode program dan Outputnya adalah :

Diketahui bahwa nilai awal i adalah -1, variabel i tersebut mengerjakan perintah

i-1 dengan hasil ≥ -5. Penulisan “<br>” digunakan untuk mengatur baris dari

hasil angka-angka tersebut. Sehingga ketika program tersebut dibuka, muncul

angka -1 sampai -5 secara vertikal.

2. Buat program untuk menampilakan deret bilangan : 1, 4, 9, 16, 25

Kode program dan Outputnya adalah :

<html>

<body>

<SCRIPT LANGUAGE="JavaScript">

var i = -1

while (i >= -5)

{

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

i--;

}

</SCRIPT>

</body>

</html>

<html>

<body>

<SCRIPT LANGUAGE="JavaScript">

var i = -1

while (i >= -5)

{

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

i--;

}

</SCRIPT>

</body>

</html>

Desain Web - Pemrograman JavaScript 24

Diketahui bahwa nilai awal i adalah -1, variabel i tersebut mengerjakan perintah

i-1 dengan hasil ≥ 5. Lalu, variabel i tersebut mengerjakan rumus i x i. Penulisan

“<br>” digunakan untuk mengatur baris dari hasil angka-angka tersebut.

Sehingga ketika program tersebut dibuka, muncul angka berurutan 1 4 9 16 25

secara vertikal.

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

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

Kode program dan Outputnya adalah :

Diketahui bahwa total=0 dan nilai awal i adalah 1, variabel i tersebut

mengerjakan perintah i+1 dengan hasil ≤ 5. Lalu, variabel i tersebut

mengerjakan rumus total=total+i. Jika i < 5 maka program akan menjalankan

perintah i + simbol plus (+). Namun, jika pada pernyataan-1 kondisi bernilai

salah maka program akan menjalankan perintah pada pernyataan-2. Penulisan

“total =” + total digunakan untuk mengatur hasil angka-angka tersebut agar

ketika program tersebut dibuka, muncul angka 1+2+3+4+5 total = 15 secara

horizontal.

<html>

<head>

</head>

<script language="javascript">

total = 0;

var i = 1;

while(i<=5)

{

total = total + i;

if (i<5)

document.write(i+" + ");

else

document.write(i);

i++;

}

document.write(" total = "+total);

</script>

<body>

</body>

</html>

Desain Web - Pemrograman JavaScript 25

4. Ubahlah kode program berikut ini kedalam pernyataan while

Kode program dan Outputnya adalah :

Diketahui bahwa nilai awal i adalah 1, variabel i tersebut mengerjakan perintah

i+1 dengan hasil ≤ 3. Nilai awal j adalah 1, variabel j tersebut mengerjakan

perintah j+1 dengan hasil ≤ 2. Lalu variabel-variabel tersebut mengerjakan

rumus i+spasi+j. Penulisan “<br>” digunakan untuk mengatur baris dari hasil

angka-angka tersebut. Sehingga ketika program tersebut dibuka, muncul output

sebagai berikut.

<html>

<body>

<script language=”JavaScript”>

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

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

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

</script>

</body>

</html>

<html>

<body>

<script language="JavaScript">

var i=1

while (i<=3)

{ var j=1

while (j<=2)

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

j++}

i++}

</script>

</body>

</html>

Desain Web - Pemrograman JavaScript 26

Desain Web - Pemrograman JavaScript 27

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:

Tuliskan kode program JavaScript berikut ini, dan apa output program

tersebut

Diketahui bahwa nilai awal i adalah 1, variabel i tersebut mengerjakan perintah

i+1 dengan hasil ≤ 5. Penulisan “<br>” digunakan untuk mengatur baris dari

hasil angka-angka tersebut. Sehingga ketika program tersebut dibuka, muncul

angka 1-5 secara vertikal.

do (kondisi)

{

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

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

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

}

while (kondisi)

<html>

<body>

<script language=”JavaScript”>

var i = 1

do

{

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

i++);

}

while (i <= 5)

</script>

</body>

</html>

Desain Web - Pemrograman JavaScript 28

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

Kode program dan Outputnya adalah :

Diketahui bahwa nilai awal i adalah -1, variabel i tersebut mengerjakan perintah

i-1 dengan hasil ≥ -5. Penulisan “<br>” digunakan untuk mengatur baris dari

hasil angka-angka tersebut. Sehingga ketika program tersebut dibuka, muncul

angka -1 sampai -5 secara vertikal.

2. Buat program untuk menampilakan deret bilangan : 1, 4, 9, 16, 25

<html>

<body>

<SCRIPT LANGUAGE="JavaScript">

var i = -1

do

{

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

i--;

}

while (i >= -5)

</SCRIPT>

</body>

</html>

Desain Web - Pemrograman JavaScript 29

Kode program dan Outputnya adalah :

Diketahui bahwa nilai awal i adalah -1, variabel i tersebut mengerjakan perintah

i-1 dengan hasil ≥ 5. Lalu, variabel i tersebut mengerjakan rumus i x i. Penulisan

“<br>” digunakan untuk mengatur baris dari hasil angka-angka tersebut.

Sehingga ketika program tersebut dibuka, muncul angka berurutan 1 4 9 16 25

secara vertikal.

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

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

Kode program dan Outputnya adalah :

<html>

<body>

<SCRIPT LANGUAGE="JavaScript">

var i = -1

do

{

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

i--;

}

while (i >= -5)

</SCRIPT>

</body>

</html>

Desain Web - Pemrograman JavaScript 30

Diketahui bahwa total=0 dan nilai awal i adalah 1, variabel i tersebut

mengerjakan perintah i+1 dengan hasil ≤ 5. Lalu, variabel i tersebut

mengerjakan rumus total=total+i. Jika i < 5 maka program akan menjalankan

perintah i + simbol plus (+). Namun, jika pada pernyataan-1 kondisi bernilai

salah maka program akan menjalankan perintah pada pernyataan-2. Penulisan

“total =” + total digunakan untuk mengatur hasil angka-angka tersebut agar

ketika program tersebut dibuka, muncul angka 1+2+3+4+5 total = 15 secara

horizontal.

4. Ubahlah kode program berikut ini kedalam pernyataan do…while

<html>

<head>

</head>

<script language="javascript">

total = 0;

var i = 1;

do

{

total = total + i;

if (i<5)

document.write(i+" + ");

else

document.write(i);

i++;

}

while(i<=5)

document.write(" total = "+total);

</script>

<body>

</body>

</html>

<html>

<body>

<script language=”JavaScript”>

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

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

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

</script>

</body>

</html>

Desain Web - Pemrograman JavaScript 31

Kode program dan Outputnya adalah :

Diketahui bahwa nilai awal i adalah 1, variabel i tersebut mengerjakan perintah

i+1 dengan hasil ≤ 3. Nilai awal j adalah 1, variabel j tersebut mengerjakan

perintah j+1 dengan hasil ≤ 2. Lalu variabel-variabel tersebut mengerjakan

rumus i+spasi+j. Penulisan “<br>” digunakan untuk mengatur baris dari hasil

angka-angka tersebut. Sehingga ketika program tersebut dibuka, muncul output

sebagai berikut.

<html>

<body>

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

</body>

</html>

Desain Web - Pemrograman JavaScript 32

PRAKTIKUM VIII

PERNYATAAN BREAK

Pernyataan break digunakan untuk menghentikan pengulangan ditengah

jalannya program

Tuliskan kode JavaScript berikut ini, dan apa output program tersebut

(jelaskan secara singkat)

Diketahui bahwa nilai awal i adalah 1, variabel i tersebut mengerjakan perintah

i+1 dengan hasil ≥ 0. Penulisan “<br>” digunakan untuk mengatur baris dari

hasil angka-angka tersebut. Jika i > 5 maka pengulangan terhenti ditengah

jalannya program. Sehingga ketika program tersebut dibuka, muncul angka 1-5

secara vertikal.

<html>

<body>

<script language=”JavaScript”>

var i = 1

while ( i >= 0)

{

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

i++;

if (i > 5)

break;

}

</script>

</body>

</html>

Desain Web - Pemrograman JavaScript 33

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 (jelaskan secara singkat)

Diketahui bahwa nilai awal i adalah 1, variabel i tersebut mengerjakan perintah

i+1 dengan hasil ≤ 10. Jika i dapat dibagi dengan tiga dengan i ≠ 0 maka aliran

program akan dikembalikan ke penguji kondisi pengulangan yaitu i ≤ 10.

Penulisan “<br>” digunakan untuk mengatur baris dari hasil angka-angka

tersebut. Sehingga ketika program tersebut dibuka, muncul angka 3 6 9 secara

vertikal.

<html>

<body>

<script language=”JavaScript”>

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

{

if ((i % 3) != 0)

continue;

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

}

</script>

</body>

</html>

Desain Web - Pemrograman JavaScript 34

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 (jelaskan secara singkat)

Objek date digunakan untuk menangani informasi date dan time. Ketika kita

membuka program PRAKTIKUM X pada Internet Explorer (ataupun Opera),

hasil yang muncul adalah sebagai berikut.

Namun, ketika kita membuka program PRAKTIKUM X pada Safari Web

Browser ataupun Mozilla Firefox, hasil yang muncul adalah sebagai berikut.

<html>

<body>

<SCRIPT LANGUAGE="JavaScript">

document.writeln("<PRE>");

var tanggal = new Date();

var tgl = tanggal.getDate();

var bln = tanggal.getMonth();

var thn = tanggal.getYear();

var jam = tanggal.getHours();

var menit = tanggal.getMinutes();

var detik = tanggal.getSeconds();

document.writeln("Hari ini adalah tanggal : " + tgl + "-" + bln +

"-" + thn);

document.writeln("Waktu sekarang adalah : " + jam + ":" + menit +

":" + detik);

</SCRIPT>

</body>

</html>

Desain Web - Pemrograman JavaScript 35

Sehingga, informasi date dan time pada Internet Explorer lebih akurat dibanding

membuka program pada Safari Web Browser ataupun Mozilla Firefox. Namun,

jika kita menginginkan membuka program tersebut pada Safari Web Browser

ataupun Mozilla Firefox maka dapat mengubah kode javascriptnya sebagai

berikut.

<html>

<body>

<SCRIPT LANGUAGE="JavaScript">

document.writeln("<PRE>");

var tanggal = new Date();

var tgl = tanggal.getDate();

var bln = tanggal.getMonth();

var thn = tanggal.getYear();thn+=1900;

var jam = tanggal.getHours();

var menit = tanggal.getMinutes();

var detik = tanggal.getSeconds();

document.writeln("Hari ini adalah tanggal : " + tgl + "-" + bln +

"-" + thn);

document.writeln("Waktu sekarang adalah : " + jam + ":" + menit +

":" + detik);

</SCRIPT>

</body>

</html>

Desain Web - Pemrograman JavaScript 36

Tuliskan kode program JavaScript berikut ini, dan apa output program

tersebut (jelaskan secara singkat)

Outputnya adalah :

<html>

<body>

<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”,”Agu

stus”,”September”,”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);

</script>

</body>

</html>