Rabu, 20 Mei 2015

Program Kalkulator Menggunakan JavaScript

Untuk membuat program kalkulator manual menggunakan HTML, pertama kali masukan script pada notepad, lalu simpan sebagai .html. Berikut contoh scriptnya:

<html>
<head>
<title>Kalkulator</title>
</head>
<body>
Bilangan 1 :<input type="text" id="bil1"/></br></br>
Bilangan 2 :<input type="text" id="bil2"/></br></br>
<button type="button" onClick="jumlah()">Jumlahkan</button>
<button type="button" onClick="kali()">Kalikan</button>
<button type="button" onClick="bagi()">Bagikan</button>
<p id="hasil"></p>
<script>
function jumlah()
{
var a = document.getElementById("bil1").value;
var b = document.getElementById("bil2").value;
var c = Number(a)+Number(b);
document.getElementById("hasil").innerHTML="Hasilnya = "+c;
}
function kali()
{
var a = document.getElementById("bil1").value;
var b = document.getElementById("bil2").value;
var c = Number(a)*Number(b);
document.getElementById("hasil").innerHTML="Hasilnya = "+c;
}
function bagi()
{
var a = document.getElementById("bil1").value;
var b = document.getElementById("bil2").value;
var c = Number(a)/Number(b);
document.getElementById("hasil").innerHTML="Hasilnya = "+c;
}
</script>
</body>
</html>


Maka, akan menghasilkan output seperti berikut:
Penjumlahan

Perkalian

Pembagian
Selamat mencoba!

Tidak ada komentar:

Posting Komentar