Membuat Kalkulator Sederhana Menggunakan HTML 5

Tweet Mylinekerr Code - 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

: =

Sekian dari saya, jika ada yang ingin ditanyakan, bisa lewat komentar. Di Postingan ini Kalkulator Sistemnya tak bergerak, anda bisa mencobanya langsung pada website anda sendiri.

Tweet