Day 3: Bật mí cách tạo Modal Popup Material UI vừa đẹp vừa đơn giản - Thực chiến HTML CSS JS

[@tieucuongmedia970]

hay quá tìm mãi mới được cách dạy như thế này .Mong anh sau khi làm xong list này, ra thêm thực chiến 30 days reacjs nữa !

[@LongNguyen-bj8rh]

kzbin.info/aero/PLJ5qtRQovuEOoKffoCBzTfvzMTTORnoyp

[@hygge5655]

CẢM ƠN BẠN RẤT NHIỀU VÌ NHỮNG ĐIỀU HỮU ÍCH

[@Nodemy]

Cảm ơn bạn. Thấy hay thì đăng ký kênh với chia sẻ để nhận thông báo cho Days tiếp theo nhé bạn

[@thoduongvan6781]

video hay lắm, cảm ơn b nhé :D học được thêm vài cách gõ html class tắt cũng hay

[@Nodemy]

Cảm ơn bạn. Thấy hay thì đăng ký kênh với chia sẻ để nhận thông báo cho Days tiếp theo nhé bạn

[@quantrinh6817]

video rất hay ạ, ủng hộ

[@Nodemy]

Cảm ơn bạn. Thấy hay đăng kí kênh và share để ae cùng vào học hỏi trao đổi nhé bạn

[@manhlinh3138]

Hy vọng ad sẽ làm đầy đủ từ day 1 tới day 30, đã thêm vào playlist (y)

[@Nodemy]

Chắc chắn luôn bạn ơi. Bạn nhớ đăng kí và chia sẻ để nhận thông báo sớm nhất cho video tiếp theo nhé

[@mie2357]

Anh có thể giải thích rõ hơn về sự khác nhau giữa e.target và e.currentTarget trong trường hợp này được không ạ? Em cảm ơn

[@27_angquanghuy99]

hay quá

[@Nodemy]

ok, Huy đăng kí kênh để xem thêm 30days thực chiến nhé

[@triuc8755]

làm sao ấn để lấy sự kiện 21:59 mà không bị tắt modal vậy ạ?

[@devairdrops]

hay quá anh ơi

[@Nodemy]

Cảm ơn bạn. Thấy hay thì đăng ký kênh và chia sẻ để nhận thông báo cho Days tiếp theo nhé bạn

[@chitrunghuynh8288]

E hi vong co them nhieu bai tap nua

[@TungPham-dt6tr]

cho em hỏi chút là 9:30 sao phải thêm thuộc tính position: fixed làm gì vậy ạ

Giồi ôi, không biết cái current target khổ sở bấy lâu.

[@tak4761]

dạ em cảm ơn!

[@phatly3884]

a ơi chỉnh settings sao cho mình ghi tắt modal_header+modal_body+modal_footer ra 3 cái div có classname đó ở đâu vậy a? Em cảm ơn ạ.

[@Vudat1608]

cảm ơn ad nhé

[@youmusic1681]

phút thứ 16:40 bắt đầu là làm gì vậy ạ . bạn có thể cho mk keyword để mình tìm kiếm không

[@TungPham-yq9gq]

a ơi mk nên dùng closset hoặc dataset , viết sẽ ngắn hơn rất nhiều a ạ trong file js,

[@phi1876]

mong anh làm 1 seri " Mỗi ngày code giao diện 1 trang Web cùng HTML CSS" hoặc seri bài tập CSS. Em định tìm hiểu cứng về phần HTML CSS rồi mới qua JS nhìn anh code Js mà iem hông hỉu dì lun :''> hicccccc

[@hienvu5908]

1n rồi hỉu chưa b

[@vunguyenxuan8721]

Nội dung hay nhưng màn hình code chữ quá nhỏ với cả bạn cứ làm mà ko có giải thích. Nên làm trong inspection để mọi người thấy được sự thay đổi.

[@ChaoTanLongAn]

Admin ơi! tới lúc em làm JS nó không chạy, với lại sao em không thấy anh dưa app.js vào html vậy? sao nó vẫn chạy bình thường hay vậy? Mất 2 tiếng kiểm tra vẫn không chạy được.

[@minhnghia7520]

Mình thắc mắc chỗ currentTarget. Ai đó giải thích giúp mình với ạ!

[@Nodemy]

curentTarget là DOM mà đang lắng nghe event nhé

[@raucover]

Bạn bị dư cái, có nghĩa là bn không cần thêm “ model.addEventlistener…., Như vậy sẽ tiết kiệm thời gian hơn, ý kiến riêng😀

[@anywhereloc2969]

Này giống mấy cái howto trên w3

[@Nodemy]

Thấy hay thì đăng ký kênh và chia sẻ cho mình nhé :D

[@tranthikhanhlien9771]

admin đẹp trai có thể phóng to màn hình code lên được không ạ, em cảm ơn ad

[@Nodemy]

Thanks em, cảm ơn em đã góp ý nhé

[@nhattuan4443]

video lag quá dau hết cả mắt @@

[@HoangAnh-bt5fk]

Lag đâu mà lag

[@Nodemy]

Em xem lại chất lượng đường truyền mạng nhé.

[@TuệHuyền84]

code file js của tôi: var btnOpen = document.querySelector(".open-modal-btn"); var modal = document.querySelector(".modal"); var iconClose = document.querySelector(".modal__header i"); var btnClose = document.querySelector(".modal__footer button"); // Việc 1: khi click vào btnOpen thì sẽ show ra modal function toggleModal() { modal.classList.toggle("hide"); } btnOpen.addEventListener("click", toggleModal); modal.addEventListener("click", toggleModal); iconClose.addEventListener("click", (e) => { e.stopPropagation(); toggleModal(); }); btnClose.addEventListener("click", (e) => { e.stopPropagation(); toggleModal(); });

[@phannhattuan3581]

hay quá anh ơi