Halo gan, sebelumnya saya sudah menshare tentang drag and drop, kali ini saya akan menshare cara membuat Kalkulator sendiri menggunakan HTML 5. Caranya lumayan mudah, dan kita dapat mengganti kode sesuka hati kita.

Langkah 1:
Seperti Biasa, siapkan file untuk membuat kalkulator ini

Langkah 2:
Masukan saja kode ini dimanapun anda mau

<form oninput="x.value=parseInt(a.value) + parseInt(b.value)"> <input type="range" name="a" value="0"> + <input type="number" name="b" value="0"> = <output name="x" for="a b"></output> </form>

Notice: Pada bagian form oninput, tanda tambah bisa diubah sesuai kalkulator yang anda mau. Bisa menjadi tanda kurang (-) atau tanda bagi (*) dan sebagainya. Dibawah ini contoh kalkulator sederhana menggunakan HTML 5

Contoh Kalkulator Penjumlahan

Contoh Kalkulator Pengurangan

Contoh Kalkulator Pembagian