Teknik Informatika: Kalkulator (Penjumlahan, Perkalian, dan Pengurangan) Notepad++

Assalamualaikum wr. wb.

Post kali ini saya akan membagikan apasaja perintah yang ditulis untuk membuat Penjumlahan, Perkalian, dan pembagian pada notepad++.

langsung saja script-nya ada di bawah sebagai berikut:

<html>
<head>
<title> Program Aritmatika </title>
</head>

<style>
.tengah
{
margin: auto;
width: 50%;
border: 5px solid pink;
padding: 10px;
text-align: center
}
label
{
width: 70px;
display: inline-block;
}

</style>
<body>
<div class="tengah">
<h3>Program Aritmatika</h3>
<div>
<label> Bilangan 1 </label>
<input type="txt" id="txtbil1"/>
</div>
<div>
<label> Bilangan 2 </label>
<input type="text" id="txtbil2"/>
</div>
<div>
<label>Hasil</label>
<label style="width:175px; font-style:bold;" id="lblhasil">Hasil</label>
</div>
<div>
<input type="button" id="btnjumlah" value="penjumlahan" onclick="jumlah()"/>
<input type="button" id="btnjumlah" value="perkalian" onclick="kali()"/>
<input type="button" id="btnjumlah" value="pengurangan" onclick="kurang()"/>
</div>
</div>

<script>
function jumlah()
{

var bil1 = document.getElementById("txtbil1").value;
var bil2 = document.getElementById("txtbil2").value;

var hasil = parseInt(bil1) + parseInt(bil2);

document.getElementById("lblhasil").innerHTML = hasil;
}
</script>

<script>
function kali()
{

var bil1 = document.getElementById("txtbil1").value;
var bil2 = document.getElementById("txtbil2").value;

var hasil = parseInt(bil1) * parseInt(bil2);

document.getElementById("lblhasil").innerHTML = hasil;
}
</script>

<script>
function kurang()
{

var bil1 = document.getElementById("txtbil1").value;
var bil2 = document.getElementById("txtbil2").value;

var hasil = parseInt(bil1) - parseInt(bil2);

document.getElementById("lblhasil").innerHTML = hasil;
}
</script>
</body>
</html>

atau seperti ini :