Xây dựng Tabs UI với JavaScript cơ bản

[@huutu289]

Thấy video mới của Anh là vào like và comment liền. mong những videos của Anh từng ngày

[@datwilliama2]

video của bác lúc nào cũng chất lượng

[@hungpham-mj8nl]

ước gì anh trong sài gòn . xa mất cũng cố đăng ký học .dạy free kỹ vậy chắc lên lơp kỹ nữa

[@MANHNGUYENVLOG]

thức cả đêm dựng video phục vụ a em đây mà

[@nguyenquocnhu4803]

mong anh ra nhung video ve bao mat web

[@hoanhm0409]

phương pháp học của e rất ảo:đầu tiên xem video rồi code theo k hiểu thì xem lại k hiểu nữa thì đọc cmt

[@helen8191]

up giờ thiêng thế anh Sơn

[@2kvlogs785]

quá hay ạ ! e chúc a thật nhiều sức khỏe ạ !!!!

[@thang8617]

Ai giải thích với. Ở phần 6:00 khó hiểu quá. querySelector là lấy phần tử đầu tiên, nhưng trong video anh click vào VueJS, Ember nó vẫn có thể xóa được class .active là sao nhỉ? Đáng lẽ nó chỉ xóa được ở tab React cơ mà nhỉ 🤔

[@F8VNOfficial]

Em nhìn kỹ selector được chọn ra là .active, một thời điểm chỉ có 1 .active thôi em.

[@thang8617]

@@F8VNOfficial ví dụ có nhiều class .active như ở phần 5:36 thì khi click vào VueJS, Ember thì nó chỉ xóa class .active của tab React chứ nhỉ. Nhưng ở 6:27 lại có thể xóa được class .active của Angular, Ember một cách khó hiểu. e nghĩ nhức hết cả đầu vẫn không hiểu được luồng chạy của nó

[@F8VNOfficial]

5:36 là khi chưa xoá .active, khi click thì nó add thêm vào nên thấy nhiều .active. Khi đã xoá .active của tab cũ trước khi click vào tab mới thì làm gì có chuyện đồng thời có nhiều .active em?

[@qaqeqe]

Chất lượng. Học xong nhớ mãi

[@memories1641]

Mong a ra khóa CSS Grid :

[@LinhVu-tc8nx]

up sớm thế a :))

[@canhpham7163]

liệu anh có ra thêm javascript nâng cao không hay danh sách phát này cũng đầy đủ rồi ạ. ? em đang học đến callback js

[@baoduy7198]

Hóng react quá anh ơi

[@thoaiuc]

Hello anh Sơn❤

[@risket211]

anh có dạy react hay angular k anh ơi.

[@mdzenos]

Do while thay foreach ❤❤❤

[@quocdattranquoc1832]

bind method có chức năng gì vậy a

[@duyngq]

Sếp ơi, sếp gáng nốt Nodejs với ạ

[@nguyentuantrieu8036]

làm thêm slider giống swiper đi a :)))

[@chillheat9452]

Cho em hỏi là mình làm cái này rồi mình link cái tab với radio button nữa thì mình dùng gì sẽ tiện và gọn ạ?

[@DuQuocKhanh--]

Chưa học Html nên nhìn còn hơi ngáo giá nhưng ko sao 🤣 hiểu phần code js dc r

[@longthanhvu8415]

Anh ơi làm tiếp đăng nhập đăng ký Shopee đi anh ?

[@sonle23-j2d]

cảm ơn anh

[@thanhvo1703]

Em có 1 thắc mắc mong anh Sơn giải đáp đó là : - Khi mà load lại trang thì code js nó chạy từ trên xuống nghĩa là nó đã chạy tab.forEach() 1 lần rồi và có thể in ra để xem các giá trị. Nhưng mà khi mình thực hiện hành vi onclick thì nó lại vào hàm tab.forEach() nó chạy lại 1 lần nữa đúng ko anh ! Tại vì nếu mà nó duyệt xong mảng từ khi load file .js rồi thì giá trị cuối cùng của mảng phải là thằng cuối cùng chứ làm sao mà khi mình thực hiện click thì nó biết là mình đang click vào thằng nào được. Chỗ thắc mắc của em là bình thường mình gọi 1 hàm hay là mình thực thi 1 sự kiện thì nó mới được chạy vậy tại sao hành vi lặp nó đã được thực hiện lúc đầu mà bây giờ mình thực hiện sự kiện onclick nó lại chạy lại 1 lần nữa mặc dù việc là sự kiện onclick nó ko hề có việc gọi lại callback của foreach(). Đó là thắc mắc của em.

[@xb_mathsonghanhcungcon2126]

Theo mình nghĩ đây là câu trả lời cho câu hỏi của bạn! kzbin.info/www/bejne/apicdoGMmJd-gqM Chúc bạn sức khoẻ và thành công!

[@duyphantan9529]

bạn cứ hiểu đơn giản như này là khi vòng forEach được duyệt qua thì cách Element trong đó đã được gán vào một onclick, onclick này sẽ luôn tồn tại như vậy và nó chỉ đợi bạn click element được gán onclick vào là nó sẽ chạy hàm ngay

[@xb_mathsonghanhcungcon2126]

@@duyphantan9529 Bạn không hiểu ý của bạn Thanh Vo hỏi, bạn Thanh Vo hỏi: khi load lại trang thì tab.forEach() chạy....

[@DavidJames535]

Hay quá anh ơi

[@hoangtruong5663]

hay quá a

[@moihoclaptrinh2173]

học xong khóa này của anh thì học gì tiếp anh nhĩ

[@quangtoanta8577]

E không hiểu sao item. Onclick lại có thể get ra item pane theo index như vậy, khs lại có logic như vạy ạ

[@F8VNOfficial]

Em học kỹ về mảng đi em. Panes có chỉ mục như mảng thì get ra như mảng là đương nhiên rồi em.

[@quangtoanta8577]

@@F8VNOfficial e cảm ơn a ạ. Chúc a sức khỏe năm mới ạ

[@trankien816]

Bên mk có dạy off k ạ

[@TienPham-eu7sc]

Chỗ này dùng cú pháp ES6 ko đc hả a? e dùng mà nó không chạy được? tab.onclick = () => {}

[@duyanh6909]

do dùng arrow function nên từ khóa this ở đây không còn là cái tab mà bạn click nữa mà nó trở thành window rồi, bạn có thể console.log(this) ra để xem

[@igdev6095]

3:25 cái method bind đó hình như a chưa nói đến thì phải :v

[@luannguyen9090]

cái này là gì á bạn

[@lightd1404]

bind đó theo mình nghĩ để cho nó tiện hơn thui =)) giốn như ông nào chơi game csgo hay bind mấy button để nhảy ném bom =))

[@inhxuanhanh3978]

Hay quá a

[@leminhquyen4656]

dấu $ với $$ là gì thế anhh

[@bothongminh7377]

mới 4h30 mà :>

[@HoaPham-rg8rm]

ra them nodejs di anh

[@hoangtu9729]

hay

[@trantuanat524]

hihi

[@hoaimiqng]

🤗🤗