Just 4 Calculator Simple Script

Postingan kali Ini Akan saya kasih Mengenai Script Kalkulator  html.So tidak usah berlama lama ini Script nya..........
<!DOCTYPE html>
<html>
<head>
<script>
// membuat fungsi dasar
function dasar() {
alert("Hello World");
}
// membuat fungsi dengan variabel
var variabel = function() {
alert("Hello World");
}
// membuat fungsi dengan tanda panah
var tandapanah = () => alert("Hello World");
// membuat fungsi dengan kostruktor
var kostruktor = new Function('alert("Hello World")')

//kalkulator
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;
}
document.getElementById("hasil").innerHTML = z;
}

//Bersihkan Form
function bersihkan() {
document.form1.reset();
document.getElementById("hasil").innerHTML = "Hasil";
}

//Hanya Angka
function angkasaja(evt)
{
var charCode = (evt.which) ? evt.which : event.keyCode
if (charCode > 31 && (charCode < 48 || charCode > 57))

return false;
return true;
}
</script>
</head>

<body>
<script>
document.write ("Hello Wussup Guys ");
document.write ("Pertemuan 10 Desain Web This is Kalkulator");
</script>
<br><br>
<input type="button" value="JSdasar" onclick="dasar()"/>
<br><br>
<input type="button" value="JSvariabel" onclick="variabel()"/>
<br><br>
<input type="button" value="JStandapanah" onclick="tandapanah()"/>
<br><br>
<input type="button" value="JSkostruktor" onclick="kostruktor()"/>
<br><hr>
<h1> KALKULATOR </h1>
<form name="form1" action="#">
<p>Bil 1 <input type="text" name="x" maxlength="3" onkeypress="return angkasaja(event)"> </p>
<p>Bil 2 <input type="text" name="y" maxlength="3" onkeypress="return angkasaja(event)"> </p>
<h1 id="hasil"> HASIL </h1>
<p> Operator<select name="opt"></p>
<option value="tambah"> + </option>
<option value="kurang"> - </option>
<option value="kali"> * </option>
<option value="bagi"> / </option>
</select>
<input type="button" value="=" onclick="hitung()">
<input type="button" value="Bersihkan" onclick="bersihkan()">
</form>
</body>
</html>

Komentar

Posting Komentar

Postingan Populer