💡 Tôi đã chuẩn bị sẵn trình soạn thảo bên dưới bài viết. Bạn có thể thử nghiệm thoải mái!

Cập nhật: 2025年3月1日

Bộ đếm (Counter)

📌

Kết luận

Dùng biến và sự kiện để tạo bộ đếm (Counter) đơn giản

📝 Mã thực tế tại đây
let count = 0;
btn.addEventListener('click', () => {
  count++;
  display.textContent = count;
});

Tổng kết

- Dùng let để biến số có thể tăng giảm - Cập nhật giao diện (textContent) ngay sau khi thay đổi giá trị của biến

Hãy thử trong phần bài tập

Hãy hoàn thiện bộ đếm tăng dần mỗi khi nhấn nút nhé.

🧪 Thử nghiệm tại đây

Bạn có thể viết mã thực tế vào trình soạn thảo bên dưới và xem ngay kết quả. Đừng sợ làm hỏng, bạn có thể thử lại bao nhiêu lần tùy thích.

Thử ngay

■ Bài tập thực hành

Tăng giá trị bộ đếm lên 1 mỗi khi nhấn nút và hiển thị ra màn hình.

Gợi ý khi gặp khó khăn

Dùng một biến toàn cục để lưu trữ giá trị đếm hiện tại.

25pt

Bộ đếm (Counter)

Tăng giá trị bộ đếm lên 1 mỗi khi nhấn nút và hiển thị ra màn hình.

Nhấp vào lỗi để đánh dấu dòng. ✕=lỗi ⚠=cảnh báo ›=log.

Lộ trình học · Toàn bộ bài giảng