Perjalanan Reaksi Saya: Hari ke-7

Saya memutuskan untuk membina Apl To-Do menggunakan JavaScript biasa dan saya teruja untuk berkongsi apa yang telah saya capai setakat ini!

Ciri Dilaksanakan:

1. Pengurusan Tugas:

Pengguna boleh menambah tugasan baharu, mengedit tugasan sedia ada, menandakan tugasan sebagai selesai atau memadamkannya.
Tugasan yang telah selesai dibezakan secara visual dengan coretan dan teks gaya.

1. Penjejakan Kemajuan:

Bar kemajuan dikemas kini secara dinamik untuk menunjukkan bilangan tugasan yang diselesaikan daripada jumlah keseluruhan.
Statistik kemajuan (cth., 2/5 tugasan selesai) turut dipaparkan.

1. Kegigihan Data:

Tugas disimpan dalam LocalStorage, jadi senarai anda disimpan walaupun semasa halaman dimuat semula.

1. Kesan Perayaan:

Apabila semua tugasan ditandakan sebagai selesai, apl meraikannya dengan animasi konfeti untuk motivasi tambahan!

Reka bentuk:

• Saya menggunakan pembolehubah CSS untuk mengekalkan tema yang konsisten merentas apl, dengan antara muka yang bersih dan moden.
• Setiap tugas mempunyai ikon untuk diedit dan dipadam, menjadikan apl lebih mesra pengguna.

Cabaran & Penyelesaian Utama:

• Cabaran: Menjadikan bar kemajuan dinamik.
  Penyelesaian: Mengira peratusan tugasan selesai dan mengemas kini lebar bar kemajuan dalam masa nyata.

• Cabaran: Memastikan kegigihan selepas penyegaran.
  Penyelesaian: LocalStorage Bersepadu untuk menyimpan dan mendapatkan semula tugas dengan cekap.

Sorotan Kod:
Menggunakan fungsi JavaScript boleh guna semula seperti addTask(), deleteTask() dan updateTasksList() untuk struktur yang lebih baik.
Leveraged forEach() untuk lelaran dan manipulasi tugas yang lancar.
Menambahkan pendengar acara untuk mengurus tindakan pengguna secara dinamik.

Hari ke-8, saya datang

Atas ialah kandungan terperinci Perjalanan Reaksi Saya: Hari ke-7. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!