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:
Posting Komentar