Membuat aplikasi pencatat hutang dengan javascript tanpa database. - Belajar Web
News Update
Loading...

Senin, 01 Februari 2021

Membuat aplikasi pencatat hutang dengan javascript tanpa database.


hallo temen-temen.. kali ini saya akan membagikan aplikasi sederhana yang saya buat menggunakan html dan javascript. aplikasi ini saya buat sangat sedehana ya. karena memang hanya digunakan untuk belajar dan bukan untuk penggunaan komersial. sehingga, aplikasi ini jauh dari kata sempurna ya. hehe

aplikasi ini juga dibuat tanpa menggunakan database. aplikasi ini menggunakan penyimpanan lokal browser kalian. seperti cache. sehingga, jika cache browser kalian dibersihkan, maka data kalian juga akan hilang. hal tersebut juga bisa terjadi jika kalian menginstall ulang browser dan membuka aplikasi ini dari browser lain ya temen-temen.

sesuai namanya, fungsi aplikasi ini hanya digunakan untuk mencatat nama, jumlah, dan tanggal jatuh tempo hutang saja ya. untuk mendownloadnya, kalian bisa klik link https://github.com/mohammn/catatHutang . maka akan tampil halaman seperti di bawah 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.

untuk awal pembukaan, nantinya akan diminta untuk menambahkan password baru. silahkan masukkan saja ya. untuk menambahkan catatan hutang, kalian tinggal klik "tambah data hutang". maka muncul 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 catatan hutang, silahkan isi kolom "nama", "jumlah", dan "tanggal" jatuh tempo. lalu klik tombol tambah ya temen-temen.

untuk menghapus catatan hutang, klik tanda X merah, yang ada pada daftar catatan yang tampil pertama kali seperti gambar pertama diatas ya.

Nah, itu dia temen-temen. memang sederhana karena tidak ada fungsi-fungsi khusus. tapi saya harap dapat bermanfaat bagi kita semua. terutama bagi kalian yang sedang menuntut ilmu. terimakasih :)

Share with your friends


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