Project: Etch-a-Sketch
Project này thì bạn sẽ có thể thay đổi grid size để render ra grid với kích thước mong muốn, nếu di chuột vào các ô thì ô đó sẽ thay đổi thành một màu bất kỳ.
Những gì mình học được:
- Sử dụng vòng lặp để tạo ra grid theo kích thước mong muốn
- Sử dụng EventListener cho sự kiện di chuột vào một ô
- Gọi function JS với một số loại sự kiện từ giao diện HTML
- Chia nhỏ các function nhỏ để sử dụng cho 1 function lớn hơn
Live preview: https://duyanhdo1010.github.io/etch-a-sketch/