Assalamu'alaikum,, berjumpa lagi dengan saya (blogger pemula),, Pada Postingan sebelumnya saya sudah membahas tentang Cara Membuat Kalkulator dengan Notepad. Pada postingan saya kali ini hampir sama dengan postingan sebelumnya.. Perbedaannya hanya terletak pada segi Scripting, alat yang digunakan sama, yaitu Notepad.. Langsung saja kita ke langkah-langkah nya :
Pertama buka Notepad,, Kemudian salin Script berikut :
<html>
<head>
<title>Kalkulator</title>
</head>
<body>
<form name="kalkulator">
<center>
<table border="15">
<tr>
<td>
<input type="text" name="hasil" size="15" style="width:215px;;height:50px"><br>
</td>
</tr>
<tr>
<td>
<input type="button" value=" 1 " onclick="kalkulator.hasil.value += '1'" style="width:50px;height:50px">
<input type="button" value=" 2 " onclick="kalkulator.hasil.value += '2'" style="width:50px;height:50px">
<input type="button" value=" 3 " onclick="kalkulator.hasil.value += '3'" style="width:50px;height:50px">
<input type="button" value=" + " onclick="kalkulator.hasil.value += ' + '" style="width:50px;height:50px"><br>
<input type="button" value=" 4 " onclick="kalkulator.hasil.value += '4'" style="width:50px;height:50px">
<input type="button" value=" 5 " onclick="kalkulator.hasil.value += '5'" style="width:50px;height:50px">
<input type="button" value=" 6 " onclick="kalkulator.hasil.value += '6'" style="width:50px;height:50px">
<input type="button" value=" - " onclick="kalkulator.hasil.value += ' - '" style="width:50px;height:50px"><br>
<input type="button" value=" 7 " onclick="kalkulator.hasil.value += '7'" style="width:50px;height:50px">
<input type="button" value=" 8 " onclick="kalkulator.hasil.value += '8'" style="width:50px;height:50px">
<input type="button" value=" 9 " onclick="kalkulator.hasil.value += '9'" style="width:50px;height:50px">
<input type="button" value=" x " onclick="kalkulator.hasil.value += ' * '" style="width:50px;height:50px"><br>
<input type="button" value=" del " onclick="kalkulator.hasil.value = ''" style="width:50px;height:50px">
<input type="button" value=" 0 " onclick="kalkulator.hasil.value += '0'" style="width:50px;height:50px">
<input type="button" value=" = " onclick="kalkulator.hasil.value = eval(kalkulator.hasil.value)" style="width:50px;height:50px">
<input type="button" value=" / " onclick="kalkulator.hasil.value += ' / '" style="width:50px;height:50px"><br>
</td>
</tr>
</table>
</center>
</form>
</body>
</html>
<head>
<title>Kalkulator</title>
</head>
<body>
<form name="kalkulator">
<center>
<table border="15">
<tr>
<td>
<input type="text" name="hasil" size="15" style="width:215px;;height:50px"><br>
</td>
</tr>
<tr>
<td>
<input type="button" value=" 1 " onclick="kalkulator.hasil.value += '1'" style="width:50px;height:50px">
<input type="button" value=" 2 " onclick="kalkulator.hasil.value += '2'" style="width:50px;height:50px">
<input type="button" value=" 3 " onclick="kalkulator.hasil.value += '3'" style="width:50px;height:50px">
<input type="button" value=" + " onclick="kalkulator.hasil.value += ' + '" style="width:50px;height:50px"><br>
<input type="button" value=" 4 " onclick="kalkulator.hasil.value += '4'" style="width:50px;height:50px">
<input type="button" value=" 5 " onclick="kalkulator.hasil.value += '5'" style="width:50px;height:50px">
<input type="button" value=" 6 " onclick="kalkulator.hasil.value += '6'" style="width:50px;height:50px">
<input type="button" value=" - " onclick="kalkulator.hasil.value += ' - '" style="width:50px;height:50px"><br>
<input type="button" value=" 7 " onclick="kalkulator.hasil.value += '7'" style="width:50px;height:50px">
<input type="button" value=" 8 " onclick="kalkulator.hasil.value += '8'" style="width:50px;height:50px">
<input type="button" value=" 9 " onclick="kalkulator.hasil.value += '9'" style="width:50px;height:50px">
<input type="button" value=" x " onclick="kalkulator.hasil.value += ' * '" style="width:50px;height:50px"><br>
<input type="button" value=" del " onclick="kalkulator.hasil.value = ''" style="width:50px;height:50px">
<input type="button" value=" 0 " onclick="kalkulator.hasil.value += '0'" style="width:50px;height:50px">
<input type="button" value=" = " onclick="kalkulator.hasil.value = eval(kalkulator.hasil.value)" style="width:50px;height:50px">
<input type="button" value=" / " onclick="kalkulator.hasil.value += ' / '" style="width:50px;height:50px"><br>
</td>
</tr>
</table>
</center>
</form>
</body>
</html>
Kedua Simpan dengan Ekstensi .HTML ,,,
Cara menyimpan = berikan nama seperti kalkulator.html , ganti "Save as type:" menjadi "All Files(*.*)"
/* Keterangan lebih lanjut lihat gambar berikut */
Lalu klik "Save"
Ketiga kalian hanya perlu menjalankannya saja,, Berikut Tampilan Kalkulator dengan HTML..
Sekian dari saya sampai bertemu kembali,, Semoga postingan tentang Cara Membuat Kalkulator dengan HTML ini dapat Bermanfaat bagi kalian para pembaca.. Wassalamu'alaikum
No comments:
Post a Comment
Tinggalkan Jejak, dengan Meninggalkan Komentar
Komentar yang baik, akan di tanggapi dengan baik pula,
Berkomentarlah dengan kalimat yang sopan