Vocabulary Learning Interface - Copy this Html, Tailwind Component to your project

viết-code-html-+-CSS+-Javascript-web-học-từ-vựng-Gồm-3-phần-từ-trái-sang-phải:-Phần-1(chiếm-25%-không-gian):-Thêm-nút-chuyển-đến-trang-khác.-danh-sách-nhóm-từ-vựng-(A1,-A2,-B1,-B2,-C1,-C2,…),-khi-bấm-vào-1-nhóm-thì-hiện-flashcard-của-1-từ-ngẫu-nhiên-trong-nhóm-ở-phần-2.-Thêm-chức-năng-tìm-kiếm-từ-vựng.-Phần-2(chiếm-50%-không-gian):--Hiện-flashcard-của-một-từ-trong-nhóm-bao-gồm-từ,-phát-âm(Anh,Mĩ),-nghĩa-(Anh-Việt,Anh-Anh,-có-thể-có-nhiều-nghĩa),-Ví-dụ-(1-nghĩa-tương-ứng-có-2-ví-dụ,-có-dịch-nghĩa),-từ-đồng-nghĩa,-từ-trái-nghĩa,-cách-sử-dụng-từ(cấu-trúc,-ngữ-pháp,…).-có-các-nút-đánh-dấu-'Chưa-học','Chưa-chắc','Đã-học'(chỉ-đánh-dấu-1-trong-3),-có-các-nút-chuyển-qua-flashcard-từ-khác-(các-từ-đánh-dấu-'chưa-học'-và-'chưa-chắc'-thì-có-thể-lặp-lại,-còn-các-từ-đã-học-thì-không,-khi-tất-cả-từ-của-nhóm-này-được-đánh-dấu-thì-sẽ-tự-động-chuyển-qua-từ-của-nhóm-khác-chưa-được-đánh-dấu).--Mỗi-lần-chuyển-từ-sẽ-có-xác-suất-hiện-câu-đố-chọn-nghĩa-đúng-cho-từ-tiếp-theo-(trong-4-nghĩa,-trong-đó-3-nghĩa-còn-lại-là-nghĩa-của-các-từ-ngẫu-nghiên-trong-danh-sách)-hoặc-câu-đố-sắp-xếp-chữ-cái-của-từ-tiếp-theo-cho-đúng-thứ-tự-chữ-cái-của-từ-đó-.-Khi-hoàn-thành-câu-đố-sẽ-hiện-flashcard-của-từ-đó.--Thêm-Chức-năng-lặp-lại-hàng-ngày.-Bạn-có-thể-lặp-lại-số-từ-như-bạn-muốn-trong-vòng-24-giờ.--Thêm-chế-độ-câu-đố-nối-các-từ-với-nghĩa-của-chúng-(có-thể-tùy-chỉnh-số-lượng-từ)-đối-với-2-nhóm-từ-:Các-từ-đã-được-đánh-dấu-và-các-từ-chưa-được-đánh-dấu.-Khi-hoàn-thành-câu-đố-thì-sẽ-hiện-flashcard-của-các-từ-trong-câu-đố.-Phần-3(-chiếm-25%-không-gian):-hiện-các-danh-sách-từ-được-đánh-dấu-'Chưa-học','Chưa-chắc','Đã-học'(1-từ-chỉ-tồn-tại-trong-1-nhóm)-và-danh-sách-từ-vựng-chứa-trong-nhóm-từ-vựng-được-chọn-ở-phần-1-(hiện-tiến-trình-học-của-danh-sách-đó-ví-dụ:-số-từ-đã-học/-tổng-số-từ-trong-danh-sách)-.-khi-bấm-vào-1-từ-trong-những-danh-sách-đó-thì-flashcard-của-từ-đó-sẽ-hiện-trong-phần-2.-Bổ-sung:--Lưu-tiến-trình-học--Thêm-chức-năng-thay-đổi-giao-diện