Dimana maksud dari cara membuat inputan mata uang, di atas adalah ketika teman-teman mempunyai sebuah inputan dimana inputan itu, kita ingin ketika kita input langsung menghasilkan atau keluar dengan cara tata penulisan mata uang, jadi kita tidak perlu repot-repot lagi untuk menginputkan titiknya atau komanya.
Disini kita bisa membuat hasil inputan tidak hanya untuk indonesia saja, dimana penulisan untuk mata uang indonesia dimulai dari titik ya, bedanya jika seperti dollar itu menggunakan koma, lalu apa manfaatnya cara membuat inputan mata uang, disini kita tidak hanya menginputkan tetapi kita bisa menjumlahkan inputan tersebut, Loh kenapa tinggal jumlahkan saja, tidak seperti itu ferguso jika kita jumlahkan langsung biasanya ketika kita menggunkana mata uang asing, angka di belakang koma itu tidak bisa di jumlahkan seperti itu.
Oke langsung saja, untuk kasus kali ini saya membuat sebuah 3 inputan dimana 2 itu untuk inputannya dan 1 untuk hasil penjumlahannya:
|
1 2 3 4 5 6 7 8 |
<form> <input type="text" name="" id="angka1" placeholder="angka 1" class="inp"> <input type="text" name="" id="angka2" placeholder="angka 2" class="inp"> <input type="text" name="" id="hasil"> </form> <script type="text/javascript" src="https://code.jquery.com/jquery-3.4.1.min.js"></script> <script type="text/javascript" src="https://unpkg.com/currency.js@1.2.2/dist/currency.min.js"></script> <!-- plugin untuk hasilnya --> <script type="text/javascript" src="jquery.masknumber.js"></script> <!-- plugin untuk inputannya --> |
Oiya untuk cara penulisan mata uang disini saya menggunakan sebuah plugin, sengaja saya berikan dua plugin sekaligus seterah teman-teman ingin menggunakan plugin yang mana, Jika disini supaya berfungsi di keduanya saja menggunakan untuk input dan hasil.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 |
$(document).ready(function(){ $(".inp").keyup(function(){ var angkaSatu = $("#angka1").maskNumber({integer: true, thousands: '.'}) //kalo mau koma. titik ganti koma var angkaDua = $("#angka2").maskNumber({integer: true, thousands: '.'}) var angka1 = angkaSatu.val() var angka2 = angkaDua.val() var tes1 = angka1.split("") for( var i = 0; i < tes1.length; i++){ if ( tes1[i] === ',' || tes1[i] === '.') { tes1.splice(i, 1); } } var tes2 = angka2.split("") for( var i = 0; i < tes2.length; i++){ if ( tes2[i] === ',' || tes2[i] === '.') { tes2.splice(i, 1); } } var filterAngka1 = parseInt(tes1.join("")) var filterAngka2 = parseInt(tes2.join("")) var hasil = filterAngka1 + filterAngka2 $("#hasil").val(currency(hasil).format()) }) }) |
Disini untuk plugin mask jika teman-teman ingin mengganti titik dengan koma teman-teman bisa ganti data object thousands valuenya dengan koma, seperti simple bukan, jika untuk plugin currency itu caranya teman-teman tinggal berikan saja method currency dengan method format, oke langsung saja untuk menjumlahkan bilangan tersebut saya harus memecahnya karena koma itu tidak bisa langsung di hitung. jika berhasil maka akan menampilkan gambar seperti ini
Hasil titik dan koma itu timbul secara otomatis ya, oke untuk penjumlahannya jika teman-teman kurang jelas saya akan membuat artikel tersendiri, oke saya rasa cukup sampai disini belajar kita tentang cara membuat inputan mata uang semoga bermanfaat dan sampai jumpa pada artikel berikutnya terimakasih.