PROJECT SEDERHANA JAVASCRIPT #14 MODUL 8


 Inventory with pages

  1. Body Section:

    • <body>: Bagian utama yang berisi elemen-elemen yang akan ditampilkan di halaman web.
      • Input form untuk memasukkan data barang.
      • Tabel untuk menampilkan data barang.
      • Daftar untuk menampilkan navigasi halaman (pagination).
      • <script>: Bagian ini berisi script JavaScript untuk mengatur logika interaksi pengguna.

  2. JavaScript Section:

    • Variabel seperti dataStore, itemsPerPage, dan currentPage digunakan untuk menyimpan data dan mengatur pagination.
    • Fungsi tambahData(): Menambahkan data ke tabel ketika tombol "Tambah" ditekan.
    • Fungsi editBaris(): Mengubah baris tabel menjadi form input untuk pengeditan.
    • Fungsi saveBaris(): Menyimpan perubahan setelah pengeditan.
    • Fungsi hapusBaris(): Menghapus baris dari tabel.
    • Fungsi tampilkanData(): Menampilkan data pada tabel dan membuat navigasi halaman.

  3. Load Data on Page Load:

    • Terdapat pemanggilan fungsi tampilkanData() untuk menampilkan data saat halaman dimuat.

Dokumen ini memberikan fungsionalitas dasar untuk menambah, mengedit, dan menghapus item inventaris, serta menampilkan data dengan menggunakan sistem pagination.





PREVIEW WEB:



FULL CODE: https://github.com/2ndmurphy/Inventory-with-pages

Komentar

Posting Komentar