Jumat, 30 April 2010

Minggu ke-9

JavaScript Conditional If ... Else

<html>
<body>

<script type="text/javascript">
var d = new Date();
var time = d.getHours();

if (time < 10)
{
document.write("<b>Selamat Pagi</b>");
}
else
{
document.write("<b>Selamat Siang</b>");
}
</script>

<p>
Ini Contoh IF
</p>

</body>
</html>

Di Browser akan muncul "Selamat Pagi" karena menunjukan pukul 10.


SWITCH CASE

<html>
<body>
<script type="text/javascript">
var d = new Date();
theDay=d.getDay();
switch (theDay)
{
case 5:
document.write("<b>Finally Friday</b>");
break;
case 6:
document.write("<b>Super Saturday</b>");
break;
case 0:
document.write("<b>Sleepy Sunday</b>");
break;
default:
document.write("<b>I'm really looking forward to this weekend!</b>");
}
</script>

<p>This JavaScript will generate a different greeting based on what day it is. Note that Sunday=0, Monday=1, Tuesday=2, etc.</p>

</body>
</html>

di browser akan muncul:

"I'm really looking forward to this weekend!"

This JavaScript will generate a different greeting based on what day it is. Note that Sunday=0, Monday=1, Tuesday=2, etc.


LOOP

<html>
<body>

<script type="text/javascript">
for (i = 0; i <= 5; i++)
{
document.write("The number is " + i);
document.write("<br />");
}
</script>

<p>Explanation:</p>

<p>This for loop starts with i=0.</p>

<p>As long as <b>i</b> is less than, or equal to 5, the loop will continue to run.</p>

<p><b>i</b> will increase by 1 each time the loop runs.</p>

</body>
</html>


HASILNYA:

The number is 0
The number is 1
The number is 2
The number is 3
The number is 4
The number is 5

Explanation:

i is equal to 0.

While i is less than , or equal to, 5, the loop will continue to run.

i will increase by 1 each time the loop runs.


ALERT

<html>
<head>
<script type="text/javascript">
function show_alert()
{
alert("SAYA ALERT BOX!");
}
</script>
</head>
<body>

<input type="button" onclick="show_alert()" value="KLICK BOS" />

</body>
</html>

akan muncul:


diposting oleh PEMROGRAMAN WEB @ 22.22   0 Komentar

Minggu, 25 April 2010

MInggu ke-8

Java Script

Java Script merupakan bahasa pemrograman yang dieksekusi di sisi klien atau yang biasa dikenal dengan
istilah client side programming di mana suatu kode program akan dikirimkan ke klien dan dieksekusi /
dijalankan oleh web browser dan bukannya dieksekusi di web server.
Dalam implementasinya, suatu kode program Java Script akan disisipkan pada suatu dokumen HTML dengan
menggunakan pasangan tag di atribut LANGUAGE dari tag

Syntaxnya:
<SCRIPT LANGUAGE=JavaScript>
...
...
...
</SCRIPT>
Contoh:
code htmlnya:

<HTML>
<HEAD>
<TITLE>Ini Judul</TITLE>
</HEAD>
<BODY>
<SCRIPT LANGUAGE="JavaScript">
document.write("<H1>Aksara Jawa</H1>");
</SCRIPT>
<I>Tulisan di atas dihasilkan oleh Java Script</I>
</BODY>
</HTML>

Memberi Komentar
ada dua cara memberi komentar pada javascript yaitu:
1. Menggunakan penanda //
Penanda // digunakan untuk menuliskan komentar dalam satu baris
2. Mengunakan pasangan penanda /* dan */
Pasangan penanda /* dan */ digunakan untuk menuliskan komentar yang lebih dari satu baris

Tipe Data dan Deklarasi Variabel
Dalam Java Script terdapat tiga macam t ipe data utama, yaitu tipe data String (kumpulan karakter) , tipe data
bilangan / numerik, dan tipe data logika / boolean. Pada tipe data boolean akan mengenal dua buah ni lai yaitu
true dan false.
Pendeklarasian v ariabel dalam Ja va Script ditandai dengan penggunaan kat a kunci var dan diikuti dengan
nama variabel. Tipe data dari suatu variabel ditentukan oleh nilai yang diisikan ke dalam variabel tersebut dan
bukannya dideklarasikan seca ra eksplisit

contoh:
<SCRIPT LANGUAGE=JavaScript>
var kota = bandung// deklarasi variabel bernama kota bertipe data string
var gaji = 0; // deklarasi variabel bernama gaji bertipe data integer
var ipk= .75; // dklarasi variabel benama ipk bertpe data float
var status_cekal = false; // deklarasi variabel bernama status_cekal bertipe data boolean
</SCRIPT>

Operator Aritmatika

Operator aritmatika adalah operator yang digunakan untuk menangani /mengoperasikan suatu n ilai bertipe
data numerik.
Berikut ini adalah daftar tipe data numerik:


contoh:
code htmlnya:

<HTML>
<HEAD>
<TITLE>Ini Judul</TITLE>
</HEAD>
<BODY>
<H1>Operasi Aritmatika</H1>
<SCRIPT LANGUAGE="JavaScript">
var a, b, c;
a = 7; b = 4; c = 0;
document.write("nilai variabel a = " + a +"<BR>");
document.write("nilai variabel b = " + b +"<BR>");
c = a + b;
document.write("a + b = " + c + "<BR>");
c = a b;
document.write("a b = " + c+ "<BR>");
c = a * b;
document.write("a * b = " + c + "<BR>");
c = a / b;
document.write("a / b = " + c + "<BR>");
c = a % b;
document.write("a% b = " + c + "<BR>");
a++;
document.write("a++ maka nilai a sekarang adalah " + a + "<BR>");
a;
document.write("b maka nilai a sekarang adalah "+Â b);
</SCRIPT>
</BODY>
</HTML>

Operator Pemberian Nilai / Assignment

Operator penugasan / assignment adalah operator yang digunakan untuk memberikan / memasukkan nilai ke
dalam suatu v ariabel.




code htmlnya:

<HTML>
<HEAD>
<TITLE>Ini Judul</TITLE>
</HEAD>
<BODY>
<H1>Operasi Pemberian Nilai / Assignment</H1>
<SCRIPT LANGUAGE="JavaScript">
var a;
a = 7;
document.write("a = 7 <BR>");
document.write("nilai variabel a = " + a + "<BR>");
a += 3;
document.write("a += 3<BR>");
document.write("nilaiÂvariabel a =" + a + "<BR>");
a = 5;
document.write("a­= 5<BR>");
document.write("nilai variabel a = " + a + "<BR>");
a *= 4;
document.write("a *= 4<BR>");
document.write("nilai variabel a = " + a + "<BR>");
a /= 2;
document.write("a /= 2<BR>");
document.write("nilai variabel a = " + a + "<BR>");
a %= 4;
document.write("a %=4<BR>");
document.write("nilai variabel a = " + a + "<BR>");
</SCRIPT>
</BODY>
</HTML>

Operator Pembanding / Comparison

Operator pembanding adalah operat or yang digunakan untuk membandingkan dua buah nilai dan akan
menghasilkan nilai bertipe data boolean yaitu benar(true) atau salah (false).


contoh:

code htmlnya:

<HTML>
<HEAD>
<TITLE>Ini Judul</TITLE>
</HEAD>
<BODY>
<H1>Operasi Pembandingan Nilai / Comparison</H1>
<SCRIPT LANGUAGE="JavaScript">
var a, b, x;
a = 7; b = 15;
document.write("nilai variabel a = "+ a + "<BR>");
document.write("nilai variabel a = " + b + "<BR><BR>");
x =(a==b);
document.write("x = (a==b)<BR>");
document.write("nilai variabel x = " + x + "<BR><BR>");
x = (a>b);
document.write("x = (a&gt; b)<BR>");
document.write("nilai variabel x="+x+ "<BR><BR>");
x =(a<b);
document.write("x =(a &lt; b)");
document.write("nilai variabel x = " + x + "<BR><BR>");
x = (a>=b);
document.write("x = (a &gt; =b)<BR>");
document.write("nilai variabel x = " + x + "<BR><BR>");
x= (a<=b);
document.write("x = (a &lt; =b)<BR>");
document.write("nilai variabel x= " + x + "<BR><BR>");
</SCRIPT>
</BODY>
</HTML>

Operator Logika
Operator logika adalah operator yang digunakan untuk mengoperasikan nilai­nilai bertipe data boolean yang
bernilai true atau false.
Berikut ini adalah daftar operator logika
contoh:

code htmlnya:

<HTML>
<HEAD>
<TITLE>Ini Judul</TITLE>
</HEAD>
<BODY>
<H1>Operasi Logika</H1>
<SCRIPT LANGUAGE="JavaScript">
var x;
x = (7>4) && (5<9);
document.write("x = (7 &gt; 4) &amp;&amp; (5 &lt; 9)<BR>");
document.write("nilai variabel x = " + x + "<BR><BR>");
x = (9>12) || (8<3);
document.write("x = (9 &gt; 12) || (8 &lt; 3)<BR>");
document.write("nilaivariabel x = " + x + "<BR><BR>");
x =!(9<4);
document.write("x = !(9&lt; 4)<BR>");
document.write("nilai variabel x = " + x);
</SCRIPT>
</BODY>
</HTML>

diposting oleh PEMROGRAMAN WEB @ 18.01   0 Komentar