Makalah JavaScript Evan
Makalah JavaScript Evan
Nama Siswa
: Stephanus Tan
NIS
: 01.10.079
Guru
KATA PENGANTAR
[1]
Puji dan syukur penulis panjatkan kehadirat Yang Maha Esa,karena berkat rahmat
Allah yang maha kuasa, Penyusun dapat menyelesaikan penyusunan tugas mid ini dengan
baik.
Tugas mid ini berisikan mengenai JavaScript yang diterapkan pada aplikasi Java
dengan menggunakan JCreator LE maupun NetBeans IDE.
Pada kesempatan kali ini penulis sampaikan terima kasih kepada seluruh pembaca
makalah ini, penulis menyadari bahwa masih banyak kelemahan dalam penyusunan
makalah ini. Maka penulis berharap adanya kritik dan saran dari pembaca agar penulis
dapat membuat makalah yang lebih baik pada masa yang akan datang. Penulis berharap
makalah ini dapat memberikan manfaat dan memperluas ilmu pembaca.
Dalam menyelesaiakan tugas mandiri ini penulis juga menyampaikan
ucapan terima kasih
kepada :
1.
2.
Stephanus Tan
DAFTAR ISI
[2]
HALAMAN JUDUL...............................................................................................................1
KATA PENGANTAR..............................................................................................................2
DAFTAR ISI............................................................................................................................3
BAB 1.PENDAHULUAN.....................................................................................................
4
1.1.Latar Belakang
....................................................................................................................................
4
1.2.Penulisan Pada JavaScript
....................................................................................................................................
4
1.3.Variabel Pada JavaScript
....................................................................................................................................
5
1.4.Operator Pada JavaScript
....................................................................................................................................
6
1.5.Objek Pada JavaScript
....................................................................................................................................
6
1.6.Percabangan Dan Perungalan Pada JavaScript
....................................................................................................................................
7
BAB 3.PEMBAHASAN....................................................................................................
9
3.1. Script Pada JavaScript
..................................................................................................................................................
9
BAB 4. HASIL PROGRAM JAVASCRIPT.........................................................................
16
[3]
BAB 5.KESIMPULAN......................................................................................................
21
DAFTAR PUSTAKA..............................................................................................................
22
BAB 1
PENDAHULUAN
1.1.
Latar Belakang
objek tersebut biasanya terdapat dalam suatu form. Adapun objek-objek tersebut meliputi
Objek Text, Objek Radio, Objek Checkbox, Objek Textarea, dan Objek Select.
A. Objek Text
Untuk menginputkan data kita dapat menggunakan komponen/objek text.
B. Objek Radio
Objek radio adalah komponen yang digunakan untuk melakukan suatu pemilihan
data. Karena selalu berupa Array , untuk mengakses satu tombol radio digunakan
radio[indeks].
C. Objek Checkbox
Objek checkbox menyimpan informasi tentang elemen form yang berupa kotak cek.
Penggunaannya hampir sama seperti objek radio.
D.Objek TextArea
Objek textarea menyimpan informasi tentang elemen form yang berupa kotak teks
dengan banyak baris.
E. Objek Select
Objek Select menyimpan informasi tentang elemen form yang berupa kotak daftar.
Objek select berguna apabila di dalam form terdapat banyak pilihan yang telah
mempunyai nilai tertentu.
BAB 2
LANDASAN TEORI
Secara fungsional, JavaScript digunakan untuk menyediakan akses script pada
objek yang dibenamkan ( embedded ). Contoh sederhana dari penggunaan JavaScript
adalah membuka halaman pop up, fungsi validasi pada form sebelum data dikirimkan ke
server, merubah image kursor ketika melewati objek tertentu, dan lain lain.
Yang harus diperhatikan dalam pengelolaan pemrograman JavaScript, diantaranya
JavaScript adalah case sensitive, yang artinya JavaScript membedakan huruf besar dan
huruf kecil. Jika Anda pernah belajar bahasa pemrograman seperti Turbo C atau C++,
maka sama seperti bahasa pemrograman tersebut, dimana huruf T tidak sama dengan
huruf t.
Dalam bahasa pemrograman JavaScript juga, sebagai contoh fungsi perintah var
tidak boleh ditulis Var dan juga tidak boleh ditulis VAR (huruf besar semua), yang benar
adalah var (huruf kecil semua). Perintah lain adalah new Date tidak boleh ditulis new
date (huruf kecil semua), dsb.
JavaScript bekerja pada sisi browser. maksudnya begini : untuk
menampilkan halaman web, user menuliskan alamat web di address bar url. setelah itu,
browser mengambil file html ( dengan file jJvaScript yang melekat padanya jika
memang ada ) ke server yang beralamat di URL yang diketikan oleh user. Selesai file
diambil, file ditampilkan pada browser. Nah, setelah file JavaScript berada pada browser,
barulah script JavaScript tersebut bekerja.
Efek dari Javascript yang bekerja pada sisi browser ini, Javascript dapat merespon
perintah user dengan cepat, dan membuat halaman web menjadi lebih responsif.
[8]
JavaScript melakukan apa yang tidak bisa dilakukan oleh HTML, PHP, dan CSS :
menangani hal hal yang membutuhkan respons cepat terhadap aksi dari user.
Implementasi terpopuler saat ini dari pemrograman JavaScript adalah teknik
AJAX. (Asynchronous JavaScript and XMLHTTP ). teknik ini sering digunakan oleh
aplikasi berbasis web seperti Gmail, Google Reader, dan lain lain. Teknik yang membuat
pertukaran data antara server dan browser terjadi di belakang layar sehingga interaksi
antara user dan aplikasi web semakin responsif. Post tersendiri untuk membahas hal ini
akan kita siapkan.
BAB 3
PEMBAHASAN
3.1. Script Pada JavaScript
Tambah
<head>
<title>Operasi Aritmatika</title>
</head>
<body><p><script language="javascript">
<!-document.writeln("<pre>");
document.writeln("<h1>Operasi Aritmatika</script></h1>");
var A = 100;
var B = 200;
var C = 300;
var D = 400;
var E = a + b;
document.writeln('100 + 200 = ' + E);
E=B+C
document.writeln('200 + 300 = ' + E);
E=C+D
document.writeln('300 + 400 = ' + E);
document.writeln("</pre>");
//-->
</script></p>
</body>
</html>
[9]
Kurang
<head>
<title>Operasi Aritmatika</title>
</head>
<body><p><script language="javascript">
<!-document.writeln("<pre>");
document.writeln("<h1>Operasi Aritmatika</script></h1>");
var A = 100;
var B = 200;
var C = 300;
var D = 400;
var E = a - b;
document.writeln('100 - 200 = ' + E);
E=B-C
document.writeln('200 - 300 = ' + E);
E=C-D
document.writeln('300 - 400 = ' + E);
document.writeln("</pre>");
//-->
</script></p>
</body>
</html>
Kali
<head>
<title>Operasi Aritmatika</title>
</head>
<body><p><script language="javascript">
<!-document.writeln("<pre>");
document.writeln("<h1>Operasi Aritmatika</script></h1>");
var A = 100;
[10]
var B = 200;
var C = 300;
var D = 400;
var E = a * b;
document.writeln('100 * 200 = ' + E);
E=B*C
document.writeln('200 * 300 = ' + E);
E=C*D
document.writeln('300 * 400 = ' + E);
document.writeln("</pre>");
//-->
</script></p>
</body>
</html>
Bagi
<head>
<title>Operasi Aritmatika</title>
</head>
<body><p><script language="javascript">
<!-document.writeln("<pre>");
document.writeln("<h1>Operasi Aritmatika</script></h1>");
var A = 100;
var B = 200;
var C = 300;
var D = 400;
var E = a / b;
document.writeln('100 / 200 = ' + E);
E=B/C
document.writeln('200 / 300 = ' + E);
E=C/D
document.writeln('300 / 400 = ' + E);
document.writeln("</pre>");//-->
</script></p>
</body>
</html>
Lingkaran
<html>
<body>
<pre>
<hr align="center" width="400" />
<h1 align="center"> Lingkaran </h1>
[11]
Segitiga
<html>
<body>
<pre>
<hr align="center" width="400" />
<h1 align="center"> Segitiga </h1>
<hr align="center" width="400" />
<script language="javascript">
a = prompt("Alas:"," ");
t = prompt("Tinggi:"," ");
ls = parseInt(a)*parseInt(t)*0.5;
kl = 3*(parseFloat(a));
document.write("<font size=2 face=verdana>\t\t\t\t\t\t\t\t\t\t\t\t\t\Alas =" + a + "Cm" +
"<br>");
document.write("\t\t\t\t\t\t\t\t\t\t\t\t\t\Tinggi ="+ t + "Cm" + "<br>");
document.write("\t\t\t\t\t\t\t\t\t\t\t\t\t\LuasSegitiga ="+ ls + "Cm2" + "<br>");
document.write("\t\t\t\t\t\t\t\t\t\t\t\t\t\KelilingSegitiga = "+ kl + "Cm2" + "<br>");
</script>
</pre>
</body>
<hr align="center" width="400" />
</html>
Persegi Panjang
<html>
<body>
<pre>
<hr align="center" width="400" />
<h1 align="center"> Persegi Panjang </h1>
<hr align="center" width="400" />
[12]
<script language="javascript">
p = prompt("Panjang:"," ");
l = prompt("Lebar:"," ");
ls = parseInt(p)*parseInt(l);
kl = 2*(parseFloat(p)+parseFloat(l));
document.write("<font size=2 face=verdana>\t\t\t\t\t\t\t\t\t\t\t\t\t\Panjang =" + p + "Cm" +
"<br>");
document.write("\t\t\t\t\t\t\t\t\t\t\t\t\t\Lebar ="+ l + "Cm" + "<br>");
document.write("\t\t\t\t\t\t\t\t\t\t\t\t\t\Luas ="+ ls + "Cm2" + "<br>");
document.write("\t\t\t\t\t\t\t\t\t\t\t\t\t\Keliling = "+ kl + "Cm2" + "<br>");
</script>
</pre>
</body>
<hr align="center" width="400" />
</html>
Kubus
<html>
<head>
<title>Menghitung Volume Kubus</title>
</head>
<body><p><script language="javascript">
<!-function jumlah()
{
var s = parseFloat(document.fform.sisi.value) ;
if (isNaN (s))
s=0.0;
var volume = s * s * s;
alert ("Volume Kubus = " + volume);
}
//-->
</script></p>
<form name="fform"><h3>Volume Kubus</h3>
<pre>
Sisi : <input type="text" size="11" name="sisi" />
</pre>
<p><input type="button" value="Hitung" onclick="jumlah()" />
<input type="reset" value="Ulang" />
</form></p>
</body>
</html>
[13]
Balok
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Menghitung Volume Balok</title>
</head>
<body><p><script language="javascript">
<!-function jumlah()
{
var t = parseFloat(document.fform.tinggi.value) ;
var p = parseFloat(document.fform.panjang.value) ;
var l = parseFloat(document.fform.lebar.value) ;
var volume = t * p * l;
alert ("Volume Balok = " + volume);
}
//-->
</script></p>
<form name="fform"><h3>Volume Balok</h3>
<pre>
Lebar : <input type="text" size="11" name="lebar" />
Panjang : <input type="text" size="11" name="panjang" />
Tinggi : <input type="text" size="11" name="tinggi" />
</pre>
<p><input type="button" value="Hitung" onclick="jumlah()" />
<input type="reset" value="Ulang" />
</form></p>
</body>
</html>
[14]
Continue
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Continue</title>
</head>
<body><script language="javascript">
<!-var i = 1;
for(i = 1; i <= 100; i++) {
if(i % 2 == 0){
continue;
}
document.writeln(i) ;
}
//-->
</script>
</body>
</html>
[15]
BAB 4
HASIL PROGRAM JAVASCRIPT
Tambah
Kurang
[16]
Kali
Bagi
[17]
Lingkaran
Segitiga
[18]
Persegi Panjang
Kubus
[19]
Balok
Continue
[20]
BAB 5
KESIMPULAN
Dari Makalah diatas dapat disimpulkan bahwa Script-script di dalam
JAVASCRIPT adalah bahasa pemrograman yang khusus untuk halaman web agar
halaman web menjadi lebih hidup. Kalau dilihat dari suku katanya terdiri dari dua suku
kata, yaitu Java dan Script. Java adalah Bahasa pemrograman berorientasi objek,
sedangkan Script adalah serangkaian instruksi program.
Penggunaan object JavaScript (XMLHttpRequest) untuk merequest ke server,
dalam beberapa browser tidak sama. Untuk browser keluaran microsoft menggunakan
komponen ActiveX, namanya Microsoft.XMLHTTP, terdapat banyak versi dari
komponen ini, tergantu dari versi browser internet Explorer (IE). Sedangkan browser
keluarga mozilla, seperti firefox, opera menggunakan XMLHttpRequest. Namanya
berbeda tetapi memiliki fungsi yang sama yaitu melakukan request ke server secara
asinkron.
[21]
DAFTAR PUSTAKA
[22]