Scribd
Upload
42 views15 pages

Praktikum Aplikasi Web Day 4 : Java Script Tingkat Dasar

1. The document describes 14 experiments using basic JavaScript. The experiments cover topics like alerts, writing to the document, external JavaScript, functions, arithmetic operators, logical operators, relational operators, if/else statements, switch statements, and loops. 2. The homework assignment is to create 3 webpages using JavaScript: 1) a grade converter, 2) displaying odd numbers except multiples of 5, and 3) a basic calculator. Source code and output are to be submitted. 3. The experiments provide examples of JavaScript basics to help with the homework assignment of creating interactive webpages using common JavaScript techniques.

Uploaded by

Syifani
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
42 views15 pages

Praktikum Aplikasi Web Day 4 : Java Script Tingkat Dasar

1. The document describes 14 experiments using basic JavaScript. The experiments cover topics like alerts, writing to the document, external JavaScript, functions, arithmetic operators, logical operators, relational operators, if/else statements, switch statements, and loops. 2. The homework assignment is to create 3 webpages using JavaScript: 1) a grade converter, 2) displaying odd numbers except multiples of 5, and 3) a basic calculator. Source code and output are to be submitted. 3. The experiments provide examples of JavaScript basics to help with the homework assignment of creating interactive webpages using common JavaScript techniques.

Uploaded by

Syifani
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 15

PRAKTIKUM APLIKASI WEB

DAY 4

(JAVA SCRIPT TINGKAT DASAR)


JAVA SCRIPT TINGKAT DASAR

1. Percobaan 1
Source js1.html :
<HTML>
<HEAD>
<TITLE>Contoh Program Javascript</TITLE>
</HEAD>
<BODY>
<SCRIPT language="Javascript">
<!--
alert("Hallo !");
// -->
</SCRIPT>
</BODY>
</HTML>

Hasil :

2. Percobaan 2
Source js2.html :
<HTML>
<HEAD>
<TITLE>Contoh Program Javascript</TITLE>
</HEAD>
<BODY>
<SCRIPT language="Javascript">
<!--
document.write("halo every body");
// -->
</SCRIPT>
</BODY>
</HTML>

Hasil :
3. Percobaan 3 (Ekternal Javascript)
Source alert.js :
alert ("Menggunakan javascript eksternal");

Source js3.html
<HTML>
<HEAD>
<TITLE>Contoh Program Javascript</TITLE>
</HEAD>
<BODY>
<SCRIPT language="Javascript" src="alert.js">
</SCRIPT>
</BODY>
</HTML>

Hasil :
4. Percobaan 4
Source js4.html :
<HTML>
<HEAD>
<TITLE>Contoh Program Javascript</TITLE>
</HEAD>
<SCRIPT language="Javascript">
function pesan(){
alert ("memanggil javascript lewat body onload")
}
</SCRIPT>
<BODY onload=pesan()>
</BODY>
</HTML>

Hasil :

5. Percobaan 5 (Javascript dengan komentar didalamnya)


Source js5.html :
<HTML>
<HEAD>
<TITLE>Contoh Program Javascript</TITLE>
</HEAD>
<BODY>
<SCRIPT language="Javascript">
// ini komentar satu baris
var x=0
do // bisa pada baris yang sama dg program
{
document.write(x+"<br>")
x++
}
while (x<=10)
/* ini komentar yang bisa terdiri dari
beberapa baris*/
</SCRIPT>
</BODY>
</HTML>

Hasil :

6. Percobaan 6 (Arithmetic)
Source js6.html :
<HTML>
<HEAD>
<TITLE>Contoh Program Javascript</TITLE>
</HEAD>
<SCRIPT language="Javascript">
function test (val1,val2)
{
document.write("<br>"+"Perkalian : val1*val2 "+"<br>")
document.write(val1*val2)
document.write("<br>"+"Pembagian : val1/val2 "+"<br>")
document.write(val1/val2)
document.write("<br>"+"Penjumlahan : val1+val2 "+"<br>")
document.write(val1+val2)
document.write("<br>"+"Pengurangan : val1-val2 "+"<br>")
document.write(val1-val2)
document.write("<br>"+"Modulus : val1%val2 "+"<br>")
document.write(val1%val2)
document.write("<br>"+"Akar : Math.sqrt(val1) "+"<br>")
document.write(Math.sqrt(val1))
document.write("<br>"+"Pangkat : Math.pow(val1,val2) "+"<br>")
document.write(Math.pow(val1,val2))
document.write("<br>"+"Round : Math.round(7.92) "+"<br>")
document.write(Math.round(7.92))
document.write("<br>"+"Random 0 s.d 9 : Math.random() "+"<br>")
var no=Math.random()*10
document.write(Math.round(no))
document.write("<br>"+"Max : Math.max(val1,val2) "+"<br>")
document.write(Math.max(val1,val2))
document.write("<br>"+"Min : Math.min(val1,val2) "+"<br>")
document.write(Math.min(val1,val2))
}
</SCRIPT>
<BODY>
<input type="button" name="button1" value="arithmetic" onclick=test(9,4)>
</BODY>
</HTML>

Hasil :

7. Percobaan 7 (Operator Logika)


Source js7.html :
<HTML>
<HEAD>
<TITLE>Contoh Program Javascript</TITLE>
</HEAD>
<SCRIPT language="Javascript">
function test ()
{
val1=window.prompt("1 st Logical Value (0/1) :")
val2=window.prompt("2 st Logical Value (0/1) :")
document.write("<br>"+"operator and"+"<br>")
document.write((val1)&&(val2))
document.write("<br>"+"operator or"+"<br>")
document.write((val1)||(val2))
document.write("<br>"+"operator not 1 st logical value"+"<br>")
document.write(!(val1))
}
</SCRIPT>
<BODY>
<input type="button" name="button1" value="logical" onclick=test()>
</BODY>
</HTML>

Hasil :
8. Percobaan 8 (Operator relational)
Source js8.html
<HTML>
<HEAD>
<TITLE>Contoh Program Javascript</TITLE>
</HEAD>
<SCRIPT language="Javascript">
function test ()
{
val1=window.prompt("1 st Value :")
val2=window.prompt("2 st value :")
document.write("<br>"+"val1==val2"+"<br>")
document.write(val1==val2)
document.write("<br>"+"val1!=val2"+"<br>")
document.write(val1!=val2)
document.write("<br>"+"val1&gtval2"+"<br>")
document.write(val1>val2)
document.write("<br>"+"val1&ltval2"+"<br>")
document.write(val1<val2)
}
</SCRIPT>
<BODY>
<input type="button" name="button1" value="relational" onclick=test()>
</BODY>
</HTML>

Hasil :
9. Percobaan 9 (seleksi if dan else )
Source js9.html :
<HTML>
<HEAD>
<TITLE>Contoh Program Javascript</TITLE>
</HEAD>
<SCRIPT language="Javascript">
function test ()
{
val1=window.prompt("1 st Value :")
val2=window.prompt("2 st value :")
if (val1>val2)
document.write("nilai val1 lebih besar daripada nilai val2")
else if (val1<val2)
document.write("nilai val1 lebih kecil daripada nilai val2")
else
document.write("nilai val1 sama dengan nilai val2")
}
</SCRIPT>
<BODY>
<input type="button" name="button1" value="seleksi" onclick=test()>
</BODY>
</HTML>

Hasil :
10. Percobaan 10 (switch)
Source js10.html :
<HTML>
<HEAD>
<TITLE>Contoh Program Javascript</TITLE>
</HEAD>
<SCRIPT language="Javascript">
function test ()
{
val1=window.prompt("1 st Value (1-5):")
switch (val1)
{
case "1" :
document.write("bilangan satu")
break
case "2" :
document.write("bilangan dua")
break
case "3" :
document.write("bilangan tiga")
break
case "4" :
document.write("bilangan empat")
break
case "5" :
document.write("bilangan lima")
break
default :
document.write("bilangan lainnya")
}
}
</SCRIPT>
<BODY>
<input type="button" name="button1" value="switch" onclick=test()>
</BODY>
</HTML>

Hasil :
11. Percobaan 11 (looping dengan for)
Source js11.html :
<HTML>
<HEAD>
<TITLE>Contoh Program Javascript</TITLE>
</HEAD>
<BODY>
<SCRIPT language="Javascript">
<!--
for (x=0;x<=10;x++)
document.write(x+"<br>")
// -->
</SCRIPT>
</BODY>
</HTML>

Hasil :
12. Percobaan 12 (looping dengan do – while )
Source js12.html :
<HTML>
<HEAD>
<TITLE>Contoh Program Javascript</TITLE>
</HEAD>
<BODY>
<SCRIPT language="Javascript">
<!--
var x=0
do{
document.write(x+"<br>")
x++;
}
while (x<=10)
// -->
</SCRIPT>
</BODY>
</HTML>

Hasil :

13. Percobaan 13 (looping while )


Source js13.html
<HTML>
<HEAD>
<TITLE>Contoh Program Javascript</TITLE>
</HEAD>
<BODY>
<SCRIPT language="Javascript">
<!--
var x=0
while (x<=10){
document.write(x+"<br>")
x++;
}
// -->
</SCRIPT>
</BODY>
</HTML>

hasil :

14. Percobaan 14 (Sub prosedure)


Source js14.html
<HTML>
<HEAD>
<TITLE>Contoh Program Javascript</TITLE>
</HEAD>
<SCRIPT language="Javascript">
function test (a,b)
{
return(a*b)
}
</SCRIPT>
<BODY>
<SCRIPT language="Javascript">
document.write("Perkalian 8 x 9"+"<br>")
document.write(test(8,9))
</SCRIPT>
</BODY>
</HTML>

Hasil :
15. Percobaan 15 (menggunakan form input)
Source js15.html
<html>
<head>
</head>
<SCRIPT language="Javascript">
function test ()
{
var val1=document.kirim.T1.value
if (val1%2==0)
document.kirim.T2.value="bilangan genap"
else
document.kirim.T2.value="bilangan ganjil"
}
</SCRIPT>
<body>
<form method="POST" name="kirim">
<p>BIL<input type="text" name="T1" size="20"> MERUPAKAN BIL<input type="text"
name="T2" size="20"></p>
<p><input type="button" value="TEBAK" name="B1" onclick=test()></p>
</form>
</body>
</html>

Hasil :
TUGAS PRAKTIKUM : (DIKUMPULKAN MINGGU DEPAN, TAMPILAN BERSERTA
SOURCE CODE)

1. Buat halaman html untuk mengkonversi nilai angka menjadi nilai huruf dengan menggunakan
javascript (contoh seperti percobaan 15)

Konversi :
0-40 =E
41-55=D
56-60=C
61-65=BC
66-70=B
71-80=AB
81-100=A

2. Buat halaman html untuk menampilkan semua bilangan ganjil, kecuali bilangan kelipatan 5
dengan mengunnakan javascript. Batas atas untuk bilangan ganjil diinputkan lewat perintah
window.prompt()

Cth : batas atas=20


Hasil :1,3,7,9,11,13,17,19

3. Buat halaman html untuk menampilkan aplikasi program kalkulator sederhana dengan
menggunakan javascript.

Cth tampilan :

Bil 1

Bil 2

Hasil

+ - x /
Bil 1 dan Bil 2 merupakan text box, dapat diisi angka, bila tombol + atau – atau x atau /
ditekan, maka akan keluar bilangan pada text box hasil, dimana bilangan ini merupakan
operasi arithmetic sesuai dengan tombol yang ditekan.

You might also like