MODUL 5 - KALKULATOR SEDERHANA

Syntax untuk membuat kalkulaator sederhana :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>gitagitagitagitagita</title>
</head>
<body>
<CENTER>
<font size="7" color="red"><blink>Kalkulator Sederhana 2011</font></blink>
<hr size="5" color="black">
<script language="JavaScript" type="text/javascript">
<!--
function hitung(){
var myForm = document.form1;
var x=eval(myForm.x.value);
var y=eval(myForm.y.value);
var pil= myForm.opt.value;
if (pil == "tambah") {
    var z = x + y;
 }else if (pil == "kurang") {
    var z = x - y;
 } else if (pil == "kali") {
    var z = x * y;
 } else if (pil == "bagi") {
    var z = x / y;
 }
 myForm.hasil.value = z;
}
function resetForm(){
document.form1.reset();
}
//-->
</script>
<form name="form1" action="#">
<input type="text" name="x" />
<select name="opt">
 <option value="tambah"> + </option>
 <option value="kurang"> - </option>
 <option value="kali"> * </option>
 <option value="bagi"> / </option>
</select>
<input type="text" name="y" />
<input type="button" value="=" onClick="hitung()" />
<input type="text" name="hasil" disabled="true" /><br/>
<input type="button" value="CLEAR" onClick="resetForm()" />
</form>
</center>
</body>
</html>

HASIL :


Free Template Blogger collection template Hot Deals SEO

1 komentar:



Unknown mengatakan...

pinter yaa bisa bikin perhitungan sederhana pake html .. :p

Posting Komentar