EASIEST Click Outside function to close menu with HTML, CSS, JavaScript

Thank you for watching my video please don't forget to LIKE and SUBSCRIBE.
My gaming channel: / @jonvadar
Support me: www.buymeacoffee.com/jonvadar
My website: jonvadar.xyz/
#javascript #html #css #learnwebdevelopment

[@fazlerabbirana993]

Nice video.
But sometimes the toggle button may contain other HTML elements too, e.g. , , etc. In that case the code shown in this video will fail to serve the purpose.
So we can simply modify the "if" condition a bit to make it work on all cases. The condition will be like this:
if(!menu.contains(e.target) && !menuBtn.contains(e.target)) {...}

[@iGustavoMaster]

Thank you, great video friend!

[@JahidHassanBijoy]

Great help! Thank you

[@FurTuna13]

Thank you, a very great video friend!

[@DotFlivo-xq2eu]

Thank you for this is it so helpful

[@radoslavrac8619]

I was searching for this video very long and perfect explanation is bonus 🎉

[@LearnWithJonVadar]

Thank you 😊

[@iCodeDre]

Subscribed. Straight to the point. Thank you bro. I've been looking for this solution for over 2 days now

[@mahesh4274]

Subscribed, cool video

[@LearnWithJonVadar]

Thank you 😊

[@yahyabenjdy3812]

Great video, I recommend if you put the link for the github repo

[@LearnWithJonVadar]

Thank you. I have a video (ruclips.net/video/xcyfjHhMt28/видео.html) for a mobile menu in which I go over the "click outside" and the repo to that is: github.com/JonVadar/RUclips_videos/tree/main/Tips%20%26%20tricks%20videos/mobile_menu

[@user-ek2cw5nn9e]

what if i have multiple popups instead of just one?

[@user-ek2cw5nn9e]

what if i had multiple popups instead of just one?

[@donlanglyngdoh]

Be honest not working without ajax cdn 😂😂😂😂lol