Membuat dompet digital dengan javascript tanpa database. - Belajar Web
News Update
Loading...

Rabu, 03 Februari 2021

Membuat dompet digital dengan javascript tanpa database.

Hallo temen-temen.. kali ini saya akan membagikan aplikasi sederhana lagi. aplikasi yang dibuat menggunakan HTML dan dibantu dengan javascript. aplikasi ini adalah aplikasi dompet digital sederhana. dimana pada aplikasi ini kita bisa menambah pemasukan dan juga pengeluaran. selain itu, ada juga tampilan uang yang ada di dompet kita. jumlahnya bisa berkurang dan bertambah sesuai pengeluaran dan pemasukan yang kita tambah.

Seperti pada judul, aplikasi yang akan kita bagikan kali ini tidak menggunakan database. tepatnya menggunakan penyimpanan lokal atau local storage browser kita. sehingga, apabila kita menghapus cache, menginstall ulang browser kita, maka data dalam aplikasi ini juga akan hilang. hal tersebut juga bisa terjadi jika kita membuka aplikasi ini pada browser yang lain.

Untuk mendownloadnya, kalian bisa klik link https://github.com/mohammn/dompetDigital . maka akan tampil halaman seperti dibawah ini.


untuk mendownloadnya, silahkan klik tombol "Code" hijau. lalu klik download zip. setelah berhasil, slihkan ekstrak saja. lalu buka file "index.html" menggunakan browser. maka aplikasi sederhana ini akan terbuka.

Saat pertama kali membuka aplikasi ini, nantinya akan diminta untuk memasukkan password baru seperti dibawah ini. silahkan masukkan password kalian.


selanjutnya, maka kan tampil halaman utama. untuk menambah catatan, silahkan klik tombol tambah transaksi. maka kan tampil form seperti dibawah ini. silahkan isi nama kalian di kolom "nama saya". masukkan password lama pada kolom "konfir pass" untuk memastikan jika itu anda. jika ingin mengubah password anda, kalian tinggal isi password baru di kolom "pass" dan "konfir pass". lalu klik ubah.

untuk menambah transaksi, silahkan isi nama transaksi, jumlah, tanggal, dan jenis transaksinya. lalu klik tombol tambah. maka hasilnya akan seperti dibawah ini.


 untuk menghapus transaksi, tinggal klik tombol "x" merah pada transaksi yang ingin kalian hapus. nah cukup sederhana ya ? namun saya berharap dapat bermanfaat bagi kita semua. jangan lupa baca bahasan saya yang lain ya. terimakasih :)

Share with your friends


Notification
This is just an example, you can fill it later with your own note.
Done