Upload
trannhan
View
229
Download
0
Embed Size (px)
Citation preview
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 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>