Actually, since you're placing the input element inside the label tag you don't really need to add the for attribute to the label. Great one Dom, waiting for more!
Man, your comment saved me instantly! I needed 3 of these so I copied and pasted it 3 times, completely forgetting about the for and id tags. When clicking on any of them the only one switching was the first one, I was ready for a thorough investigation, your comment made me quickly deduce what was happening! 😂 thanks man
dcode awesome! I look forward to your next one and hope you consider continuing to add the source to all your future videos. Makes it super easy to try out the code and add to our own projects. 🖖
Herman, you can just switch the :checked out with a class of active that you can toggle in JS. That gives the same result, but just with the checked done in JS instead of pure CSS.
Awesome video, i'm watching your videos the past month and you are really great! If you continue like this you're going to be on the top. Thank you.
Appreciate that Panos!
Actually, since you're placing the input element inside the label tag you don't really need to add the for attribute to the label.
Great one Dom, waiting for more!
I didn't know about this! Cheers 😁
Man, your comment saved me instantly! I needed 3 of these so I copied and pasted it 3 times, completely forgetting about the for and id tags. When clicking on any of them the only one switching was the first one, I was ready for a thorough investigation, your comment made me quickly deduce what was happening! 😂 thanks man
@@joangavelan I'm happy to help! ✌🏼
@@joangavelan your comment also just saved me 😂
awesome video , well explained !
you are the only one who taught correctly .
BEEN WAITING ALL YEAR FOR THIS! 💓
You're just an amazing tutorial-creator!
Great video! Thank you for the breakdown
This helped me out so much, thank you. Take my like.
Really well explained, thank you!
Very nice explanation. Thanks
You are an amazing teacher. I love your tutorials. 👍🏻
Appreciate it!
@@dcode-software no worries. Thank you for the vids.
mate iv learned from you a lot, and thank you really so much for all your tutors
Very informative , practical tutorial sir you are great sir thanks
No worries mate
Thank you very much that you put the source code ! :)
Great and very useful tutorial! Thanks!
You're welcome!
Nice, thank you for the video! My transition doesn't work for some reason even though I copy-pasted the code.. Anyone else experiencing this?
Nice tutorial
I can always count on dcode when all else fails. I was pulling my hair out trying to do it in tailwind lol
amazing video thank you
Thanks very much. this is professional job
You are very welcome
Thanks a lot for this useful and amazing video..
thanks, good video.
Love your videos! Would be great if you would add a link to the source / example or to CodePen in the description. Keep up the good work!
Cheers mate! I've now included the source code in the description.
dcode awesome! I look forward to your next one and hope you consider continuing to add the source to all your future videos. Makes it super easy to try out the code and add to our own projects. 🖖
Awesome as always
Thank you
Informative
Nested label is not allowed, is it?
thank you :)
thankyou sir
with this you can actually make a dark mode and light mode enable with only CSS!!
thanks!
Ótimo vídeo parabéns ✌.
Another great tutorial!!
Can you please share the code with us Dom?
Cheers mate! Yes, you can now find the source code in the video description.
@@dcode-software Appreciate it man!
Today I learn an interesting thing that you can hide an element by just specifying hidden attribute.try it
Please make a video about "how to remove html page title":)
I made a video about this a while ago:
th-cam.com/video/_OAfVX3OhYY/w-d-xo.html
@@dcode-software thanks
Too bad i wanted this to be 100% javascript, without .CSS file. :(
Why's that? Usually it's the opposite 😁
Herman, you can just switch the :checked out with a class of active that you can toggle in JS. That gives the same result, but just with the checked done in JS instead of pure CSS.