Scribd
Unggah
215 tayangan

Pemrograman Web-Javascript

Dokumen tersebut membahas tentang pembelajaran Javascript mencakup struktur, pemrograman, objek, form, penggunaan Javascript pada HTML, properti, metode, penempatan skrip Javascript, contoh penggunaan alert, prompt, document.write, if-else, for, relasional, konversi nilai angka menjadi nilai huruf.

Diunggah oleh

yunizaekasetyaputri
Hak Cipta
© Attribution Non-Commercial (BY-NC)
Format Tersedia
Unduh sebagai PDF, TXT atau baca online di Scribd
215 tayangan

Pemrograman Web-Javascript

Dokumen tersebut membahas tentang pembelajaran Javascript mencakup struktur, pemrograman, objek, form, penggunaan Javascript pada HTML, properti, metode, penempatan skrip Javascript, contoh penggunaan alert, prompt, document.write, if-else, for, relasional, konversi nilai angka menjadi nilai huruf.

Diunggah oleh

yunizaekasetyaputri
Hak Cipta
© Attribution Non-Commercial (BY-NC)
Format Tersedia
Unduh sebagai PDF, TXT atau baca online di Scribd
Anda di halaman 1/ 17

Andre Stafiyan, S.

Kom
 Memahami tentang struktur javascript
 Memahami tentang pemrograman di
javascript
 Memahami tentang pemakaian obyek dan
form
 Javascript adalah bahasa skrip yang ditempelkan pada kode HTML
dan diproses di sisi klien.
 Dengan adanya bahasa ini, kemampuan dokumen HTML menjadi
semakin luas.
 Sebagai contoh, dengan menggunakan JavaScript dimungkinkan
untuk memvalidasi masukan-masukan pada formulir sebelum
formulir dikirimkan ke server.
 Javascript bukanlah bahasa Java dan merupakan dua bahasa yang
berbeda.
 Javascriptdiinterpretasikan oleh klien (kodenya bisa dilihat pada
sisi klien), sedangkan kode Java dikompilasi oleh pemrogram dan
hasil kompilasinyalah yang dijalankan oleh klien.
 <SCRIPT LANGUAGE = ”JavaScript”>
 <!- -
▪ Penulisan kode javascript
 // - - >
 </SCRIPT>
 Keterangan :
 Kode <!- - // - - > umumnya disertakan dengan
tujuan agar sekiranya browser tidak mengenali
JavaScript maka browser akan
memperlakukannya sebagai komentar sehingga
 tidak ditampilkan pada jendela browser.
 Properti
 Properti adalah atribut dari sebuah objek. Contoh,
objek mobil punya properti warna mobil.
 Penulisan :
▪ Nama_objek.nama_properti = nilai
▪ window.defaultStatus = ”Selamat Belajar JavaScript”;
 Metode
 Metode adalah suatu kumpulan kode yang digunakan
untuk melakukan sesuatu tindakan terhadap objek.
 Penulisan :
▪ Nama_objek.nama_metode(parameter)
▪ document.write (”Hallo”
 Skrip Javascript dalam dokumen HTML dapat
diletakkan pada :
1. Bagian Head
2. Bagian Body (jarang digunakan).
 Pemakaian Alert sbg property window
 <HTML>
 <HEAD>
 <TITLE>Alert Box</TITLE>
 </HEAD>
 <BODY>
 <SCRIPT LANGUAGE = "JavaScript">
▪ <!--
▪ window.alert("Ini merupakan pesan untuk Anda");
▪ //-->
 </SCRIPT>
 </BODY>
 </HTML>
 <HTML>
 <HEAD>
 <TITLE>Skrip JavaScript</TITLE>
 </HEAD>
 <BODY>
 Percobaan memakai JavaScript:<BR>
 <SCRIPT LANGUAGE = "JavaScript">
 <!--
 document.write("Selamat Mencoba JavaScript<BR>");
 document.write("Semoga sukses!");
 //-->
 </SCRIPT>
 </BODY>
 </HTML>
 <HTML>
 <HEAD>
 <TITLE>Pemasukan Data</TITLE>
 </HEAD>
 <BODY>
 <SCRIPT LANGUAGE = "JavaScript">
 <!--
 var nama = prompt("Siapa nama Anda?","Masukkan nama
anda");
 document.write("Hai, " + nama);
 //-->
 </SCRIPT>
 </BODY>
 </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>
<HTML> <BODY>
<HEAD> <input type="button"
<TITLE>Contoh Program Javascript</TITLE> name="button1"
</HEAD> value="arithmetic"
<SCRIPT language="Javascript"> onclick=test(9,4)>
function test (val1,val2) </BODY>
{ </HTML>
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)
}
</SCRIPT>
<HTML>
<HEAD>
<TITLE>Contoh Program Javascript</TITLE>
</HEAD>
<SCRIPT language="Javascript">
function test () {
val1=window.prompt("Nilai I :")
val2=window.prompt("Nilai II :")
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>
 <HTML>
 <HEAD>
 <TITLE>Contoh if-else</TITLE>
 </HEAD>
 <BODY>
 <SCRIPT LANGUAGE = "JavaScript">
 <!--
 var nilai = prompt("Nilai (0-100): ", 0);
 var hasil = "";
 if (nilai >= 60)
 hasil = "Lulus";
 else
 hasil = "Tidak Lulus";
 document.write("Hasil: " + hasil);
 //-->
 </SCRIPT>
 </BODY>
 </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>
<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>
 Buat halaman html untuk mengkonversi nilai
angka menjadi nilai huruf dengan menggunakan
javascript
 Konversi :
 0-40 =E
 41-55=D
 56-60=C
 61-65=BC
 66-70=B
 71-80=AB
 81-100=A
 See U Next week

Anda mungkin juga menyukai