Kita akan lanjutkan pembahasan sebelumnya ya teman-teman. Di pembahasan kita sudah membuat struktur html tampilan kalkulator dengan menggunakan bootstrap versi 4. Nah untuk pembahasan sekarang pada artikel Cara Membuat Kalkulator Sederhana Menggunakan Javascript Part2 kita akan membuat operasi perhitungan yang akan menghitung bilangan 1 dengan bilangan kedua dimana ada 4 operator matematika yang sudah kita buat sebelumnya seperti tambah, kurang, kali dan bagi.

Untuk menyelesaikan Cara Membuat Kalkulator Sederhana Menggunakan Javascript Part2 langsung saja kita pilih terlebih dahulu selector yang akan kita gunakan seperti pada script di bawah ini.

Jika sudah selesai kita akan lanjutkan dengan membuat event onchange pada untuk memilih operator dengan menggunakan looping for seperti pada script berikut ini.

Jika teman-teman perhatikan disini saya membuat event onchange dengan kondisi ketika elemen tersebut dengan status checked maka saya mengambil nilai menggunakan getAttribute berdasarkan attribute data. Lalu nilai atau value dari attribute tersebut saya kirim ke function Operasi() menggunakan parameter.

Selanjutnya kita akan membuat function Operasi() seperti berikut ini. Dimana didalamnya saya membuat sebuah event onclick untuk melakukan perhitungan dari bilangan satu dan bilangan dua yang di ambil dengan menggunakan value yang ada di javascript dan dipastikan untuk di convert ke integer menggunakan metode parseInt(). Dan kemudian dilanjutkan dengan membuat sebuah kondisi untuk melakukan pengecekan operator yang dikirim menggunakan parameter. Dan hasilnya akan di cetak kedalam variable result yang diambil dari input dengan id hasil.

Demikian artikel tentang Cara Membuat Kalkulator Sederhana Menggunakan Javascript Part2. Semoga bermanfaat dan selamat mencoba.