Để lọc phần tử dựa tên lớp, trước tiên chúng ta code theo mẫu nhé: 

• Thêm HTML 

• Thêm CSS

• Thêm Javascript

Note: 

- hàm indexOf() sẽ tìm kiếm một phần tử trong mảng dựa vào giá trị của phần tử, hàm sẽ trả về vị trị( khóa) của phần tử nếu tìm thấy và trả về -1 nếu không tìm thấy.

- Hàm join() sẽ nối các phần tử của mảng thành một chuỗi, các phần tử được ngăn cách nhau bởi kí tự do người dùng quy định, mặc định là dấu  ",".

- split() sẽ phân tách một chuỗi thành một mảng dữ liệu dựa vào các kí tự phân cách trong chuỗi. Phương thức này sẽ trả về một mảng mới.

- replace() có chức năng tìm kiếm một chuỗi con hoặc một biểu thức chính quy nào đó trong chuỗi sau đó thay thế nó bằng một giá trị được cung cấp bởi người dùng. Phương thức sẽ trả về chuỗi đã được thay thế mà không hề thay đổi chuỗi gốc.

- addEventListener() là thêm sự kiện cho đối tượng HTML

• Cuối cùng, chạy chương trình chúng ta nhận được kết quả này: 

Click vào mỗi nút để xem kết quả nhé

Nguồn: Devmaster Academy