How to Create Multi-Action Buttons with HTML, CSS & JavaScript

View the SOURE CODE:
Google Material Icons:
fonts.google.c...
Google Material Icons Usage Guide:
developers.goo...
In today's video I'll show you how to make a multi-action button using HTML, CSS and a bit of JavaScript. This is perfect for when you have a primary button on your webpage (e.g. form submit) and want to give your users extra related options.
🏫 My Udemy Courses - www.udemy.com/...
🎨 Download my VS Code theme - marketplace.vi...
💜 Join my Discord Server - / discord
🐦 Find me on Twitter - / dcodeyt
💸 Support me on Patreon - / dcode
📰 Follow me on DEV Community - dev.to/dcodeyt
📹 Join this channel to get access to perks - / @dcode-software
If this video helped you out and you'd like to see more, make sure to leave a like and subscribe to dcode!
#dcode #css #javascript

[@gioba4912]

You always come out with the most practical ideas

[@dcode-software]

Glad you liked it 🙂

[@robert-asdf]

css source code not below.

[@ayushrawat-c7f]

i support you

[@salaheddine9251]

Hi, I watched your video about adding logic to buttons and make them work. I would like to know if there is a way to edit the body of that page after you click that body. Or is there a better way?

[@SirChogyal]

Very clear explanation. Thanks!

[@dcode-software]

You're welcome!!

[@GIRIVARMA100]

I have made a three fields form using html code. Name, email & phone number. And i created Login button. I linked that login button to go to external webpage. What I need is at the same time when user clicks Login button, the filled fields name, email & number should be received through mail to me. And also that Login button takes user to another webpage. How to do this simply ? How to get mail with filled fields & also how to redirect user to another webpage just by clicking Login button. With single action clicking Login button, i should receive mail of filled details & user should go to next webpage. What's the exact script i should write ?? Where to insert the script exactly ??

[@karthikm.1804]

how about product feedback app from frontend Mentor with vanill js

[@imadjarwar67]

Hey guys,
can I give actions to buttons and other components using only html and css???

[@TomasMisura]

your naming convention always surprise me. Perhaps it comes from different language :)

[@dcode-software]

It's BEM block element modifier 🙂

[@sahebbhalla1473]

Great video Thanks

[@yazeedmohamadalqahtani1814]

Keep up!

[@learn029]

Hey man can you make a tutorials on clone of Turbolinks.js for making SPA application for whom are not using spa framework.

[@amircahyadi9219]

Nice 👍 ❤️

[@kamron8537]

Gap yo

[@ejslondontech]

Awesome

[@DefyDofus]

Just realized your name is DOM, that's pretty funny.

[@amircahyadi9219]

Document object model 😀

[@jerrytiehn4542]

Great

[@christiancolewan]

every man should learn how to program a quote by Steve Jobs, I say every man learn programming from this channel.
edit : its not working

[@suelingsusu1339]

🙏🙏🙏🙏🖖🖖🖖🖖