<HTML>
<HEAD>
<title>Progam Arimatika</title>
<style>
.tengah{
margin: auto;
width: 50%;
border: 3px solid black;
padding: 10px;
background-Color: yellow;
}
</style>
<SCRIPT>
function Getjumlah()
{
//deskripsi variabel
var bi11;
var bi12;
var hasil;
//input
bi11=parseInt(document.getElementById("txtbi11").value);
bi12=parseInt(document.getElementById("txtbi12").value);
//proses
hasil = bi11 + bi12;
//output
document.getElementById("lblhasil").innerHTML=hasil;
}
</script>
</head>
<body>
<div class="tengah">
<h1>PROGRAM ARIMATIKA</h1>
<div>
<div>
<label>Bilangan 1</label>
<input type="text" id="txtbi11"/>
</div>
<div>
<label>Bilangan 2</label>
<input type="text" id="txtbi12"/>
</div>
<div>
<label>Hasil</label>
<label id="lblhasil">Hasil_Proses</label>
</div>
<div>
<input type="button" value="Jumlah"onclick="Getjumlah()"/>
</div>
</div>
</body>
</html>
