Assalamualaikum
Hai... kembali lagi, kali ini saya ingin memberikan sedikit
ilmu tentang operator aritmatika dengan menggunakan bahasa program Javascript.
Operator aritmatika ini digunakan untuk melakukan operasi arimatika antara variabel
atau nilai. Tabel berikut ini akan menjelaskan tentang operator aritmatika :
Kali ini saya akan menjelaskan tentang cara bagaimana
menggunakan operator aritmatika penjumlahan,pengurangan,perkalian,dan
pembagian. Sebelum kita itu kita harus membuat struktur HTML dan CSS yang sudah
kita pelajari kemarin. Setelah itu ketik seperti di bawah ini :
<body>
<div
class="tengah">
<h3>PROGRAM
ARITMATIKA</H3>
<div>
<label>
Bilangan 1</label>
<input
type="text" id="txtBil1"/>
</div>
<div>
<label>
Bilangan 2</label>
<input
type="text" id="txtBil2"/>
</div>
<div>
<label>
Hasil</label>
<label
syle="width:175px;font-style:bold;"
id="lblHasil">Hasil</label>
</div>
<div>
<input
type="button" id="btnJumlah" value="Penjumlahan"
onclick="Jumlah()"/>
<input
type="button" id="btnKurang" value="Pengurangan"
onclick="Kurang()"/>
<input
type="button" id="btnKali" value="Perkalian"
onclick="Kali()"/>
<input
type="button" id="btnBagi" value="Pembagian"
onclick="Bagi()"/>
</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
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>
<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
Bagi ()
{
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>
Disini saya mau menjelaskan tentang ParseInt itu adalah sebuah fungsi yang memungkinkan merubah satu variabel yang dilewatkan dengan parameter tertentu(bisa dalam bentuk string ataupun dalam bentuk bilangan dalam basis data yang disebutkan di parameter kedua) menjadi bilangan bulat.
Setelah
mengetik koding di atas langsung saja Run dan akan tampil seperti ini:
Sekian
dulu ya guys semoga bermanfaat, sampai jumpa di blog saya selanjutnya.. selamat
mencoba... terimakasih...
Wassalamualaikum
lumayan bagus perkembangannya. bagus jugaa
BalasHapuslanjutkannnn mbak
BalasHapusjjang
Komentar ini telah dihapus oleh pengarang.
BalasHapussangat bermanfaat kak...
BalasHapus