selamat

Minggu, 07 Maret 2010

BELAJAR DHTML DAN JAVASCRIPT YUK !!!!!! BAGI BEBERAPA ORANG YANG BARU MENGENAL PEMROGRAMAN BERBASIS WEB PASTI BERTANYA-TANYA APA SIH ARTINYA DAN BAGA

Scripting merupakan jenis lain dari pemrograman, yang umumnya lebih mudah dipahami. Script dapat disisipkan ke dalam dokumen HTML dengan menggunakan tag <script>. Tidak seperti style sheet, script bisa terlihat di dalam <head>ataupun <body>.
DHTML (Dynamic HTML) merupakan suatu teknik untuk menciptakan halaman web yang interaktif dengan cara mengombinasikan elemen-elemen seperti HTML, style sheet, dan scripting. Jadi, DHTML bukanlah suatu jenis bahasa pemrograman melainkan hanya sekadar istilah saja. Pada bagian ini, pembuatan DHTML akan dilakukan dengan memanfaatkan JavaScript. Sebagai contoh keggunaan sebagai berikut, untuk membuat program perhitungan.





Gambar diatas merupakan contoh aplikasi java script untuk membuat calculator, dan scriptnya sebagai berikut :

<!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" xml:lang="en" lang="en">

<head>
<title>Kalkulator</title>
</head>

<body>
<script language="JavaScript" type="text/javascript">
<!--



function rumus(){
var myForm = document.form1;
var a=eval(myForm.a.value);
var b=eval(myForm.b.value);
var ex= myForm.has.value;

if (ex == "tambah") {
var candra = a + b;

}else if (ex == "kurang") {
var candra = a - b;

} else if (ex == "kali") {
var candra = a * b;

} else if (ex == "bagi") {
var candra = a / b;

}

myForm.hasil.value = candra;
myForm.a.value = "";
myForm.b.value = "";

}


function resetForm(){
document.form1.reset();
}

//-->

</script>

<form name="form1" action="#">




<p align="center"> MEMBUAT CALCULATOR .HTML </p>

<input type="text" name="a" />
<select name="has">

<option value="tambah"> + </option>
<option value="kurang"> - </option>
<option value="kali" > * </option>
<option value="bagi"> / </option>

</select>

<input type="text" name="b" />
<input type="button" value="=" onClick="rumus()" />
<input type="text" name="hasil" disabled="true" />


<br/>


<p align="center"> Created by: Candra Kurniawan </p>



</form>
</body>
</html>

Tidak ada komentar: