Cấp độ: elementary 35 phútmin Miễn phí Free Young Creator Young Creator
Web động: DOM và sự kiện Dynamic web: DOM and events
Bộ đếm click có animation A click counter with animation
Bạn sẽ học gì What you will learn
- ✓ Chọn phần tử với querySelector Select elements with querySelector
- ✓ Thay đổi textContent và style Change textContent and style
- ✓ Lắng nghe sự kiện click Listen to click events
Bạn sẽ tạo gì What you will build
Bộ đếm click có animation A click counter with animation
Code mẫu Sample code
javascript
const btn = document.querySelector('#btn-click');
const counter = document.querySelector('#counter');
let count = 0;
btn.addEventListener('click', () => {
count++;
counter.textContent = count;
// Đổi màu / Change color
counter.style.color = count > 10 ? '#20A779' : '#00A8CC';
});