Baiki Butang yang Rosak

10 minitPemulaDebugging

Pelanggan Kuih Corner kata butang Add to cart "tak buat apa-apa". Developer yang menulisnya sedang bercuti. Tugas anda: debug.

Dijangka: halaman bermula dengan Items in cart: 0. Klik 3 kali → Items in cart: 3.
Sebenar: butang berwarna kelabu, dan walaupun tidak, nombornya tidak berubah dengan betul.

Debug macam pro

Baiki satu bug, klik butang, perhati, ulang. Tambah console.log(...) di dalam listener untuk lihat sama ada ia pernah berjalan. Ada bug dalam kedua-dua index.html dan script.js.

Kekangan

Kekalkan id add-to-cart dan cart-count.
Kiraan mesti menunjukkan nombor biasa seperti 3 — bukan 0111.

Baiki butang Add to cart supaya setiap klik menambah tepat 1 pada kiraan troli (1, 2, 3…). Ada tiga bug berasingan — cari kesemuanya.

Semakan

Butang boleh diklik
Satu klik menambah 1
Setiap klik terus menambah 1

Pratonton

Output konsol daripada kod anda akan dipaparkan di sini.