🎯 Day 6 – Mini Project – Custom Button Styler

Posted on by


I created a dynamic Custom Button Styler using HTML, CSS, and JavaScript! 🖌️🎨

🌈 What it does:
With user inputs, you can instantly customize a button in real-time:
✅ Change background color & font color
✅ Adjust font size and weight
✅ Modify padding and border radius
✅ All updates applied live using JavaScript!

💡 What I learned:
🔹 Grabbing user input using document.getElementById
🔹 Updating multiple style properties with one function
🔹 Enhancing UI/UX with interactivity
🔹 Making real-time changes using DOM manipulation

It’s exciting to see how interactive UIs can be built with just a few lines of code!
Can’t wait to build more projects like this! 💻🚀



Source link