**Series thử thách 30Days thực chiến - Day 7** Đã hơn 1 tuần trôi qua ae...

Tắt Quảng Cáo [X]

Đăng Nhập để ẩn Tất Cả Quảng Cáo

#j2team_share #j2team_tutorial

**Series thử thách 30Days thực chiến - Day 7**

Đã hơn 1 tuần trôi qua ae đã vượt qua thử thách thứ 7 chưa nhỉ.

Tuần này full video thử thách đến ngày 15 luôn nhé ae. Mọi người đón xem nhé

**Youtube**:

**DEMO**: Vui lòng đăng kí hoặc đăng nhập để thấy liên kết tại BigMMO

Được sử dụng: Search tags dùng để gắn thẻ phân loại các sản phẩm, bài viết một cách dễ dàng.

**Chi tiết thành phần và mục đích:**

Container: Nơi chứa tags list và input

Input: Nơi nhập tags mà người dùng muốn phân loại

Icon: Xoá tags



**Kiến thức sử dụng:**

Layout, Flex

Chèn Icon từ font-awesome

Event: Gắn sự kiện với addEventListener vs gắn sự kiện qua HTML

**Lưu ý**: Với các bài toán thêm DOM mới muốn DOM đó bắt sự kiện được chúng ta cần phần gắn sự kiến cho DOM vừa thêm. Một cách khác chúng ta có thể gắn sự kiện với attribute onclick trong template DOM vừa được thêm ( Cách thứ 2 sẽ đơn giản hơn, dễ làm hơn)

Mỗi ngày sẽ ra một video kèm phân tích về từng thử thách, mọi thắc mắc câu hỏi mọi người comment bên dưới sẽ đc đội nhóm bên mình hỗ trợ luôn nhé.

**Note**: Mọi người có thể tìm thông tin bài viết dễ dàng theo hashtag dưới đây(30dayschallengecode_day… mỗi day hashtag sẽ tăng dần từ 1-30 nhé)

#30Dayschallengecode #30dayschallengecode_day7