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.
Contoh pembuatan kalkulator sederhana dengan Java Script Untuk membuat kalkulator sederhana dengan menggunakan Java Script, maka ikutilah langkah-langkah berikut ini :
1.Ketikkan kode berikut ini :
<html>
<title>program kalkulator Lombok</title>
<script language="JavaScript">
window.defaultStatus=
function tambah()
{
a=eval(form.a.value)
b=eval(form.b.value)
c=a+b
form.hasil.value=c
}
function kurang()
{
a=eval(form.a.value)
b=eval(form.b.value)
c=a-b
form.hasil.value=c
}
function kali()
{
a=eval(form.a.value)
b=eval(form.b.value)
c=a*b
form.hasil.value=c
}
function bagi()
{
a=eval(form.a.value)
b=eval(form.b.value)
c=a/b
form.hasil.value = c
}
function pangkat()
{
a=eval(form.a.value)
b=eval(form.b.value)
c=Math.pow(a, b)
form.hasil.value = c
}
function RESET()
{
form.a.focus()
form.a.value=""
form.b.value=""
form.hasil.value=""
}
</SCRIPT>
<body onload=kosong()>
<RIGHT>
<h1><strong><font color="Blue"> <font size="5"> Kalkulator</strong></font></h1>
<FORM name="form">
<pre>
Angka a <input type="text" name="a">
Angka b <input type="text" name="b">
Hasil <input type "text" name="hasil" disabled="true">
</pre>
<input type="button" value=" x " onClick="kali()">
<input type="button" value=" / " onClick="bagi()">
<input type="button" value=" + " onClick="tambah()">
<input type="button" value=" - " onClick="kurang()">
<input type="button" value=" ^ " onClick="pangkat()"><br>
<input type="button" value=" RESET " onClick="RESET()">
</FORM>
</RIGHT>
</body>
</html>
2.Maka hasilnya adalah :
good... lanjutkan ya nak perjuanganmu.
BalasHapusHehehe....
Sing sering2 nek ngisi blog, cek cepet rame..