Awesome Micro-Interaction Input Character Limit Counter | HTML, CSS, JavaScript (2021)

_____________________________________
Welcome to another micro-interactions video.

Today we are going to build an input that has a character limit and we'll display the number of characters that are left.

I got inspiration for this from The Programming Expert. He has great stuff on Instagram and YouTube.

_____________________________________
_____________________________________

🛠️ Tools I use:
_____________________________________

⏱️ Timestamps ⏱️
00:00 - Intro
00:56 - HTML
02:10 - CSS
09:30 - JavaScript
_____________________________________

💖 Show support!
_____________________________________

👀 Watch Next:
_____________________________________

🌐 Connect With Me:
_____________________________________

** Affiliate Disclaimer: Some of the above links may be affiliate links, which may generate me a sales commission at no additional cost to you.

#codeSTACKr #microinteraction #learntocode

[codeSTACKr]

Use Promo Code "STACKR" for 20% off (first 200 people)
PaperMoon resume templates that pass ATS filters and more

[JordantheComputerScientist]

Great video! It exposed me to a lot I didn’t know about in CSS. Still so much to learn!

[ubairwani]

I'm big fan of this channel . The content is amazing about web development.

[manuelcheta]

Awesome video, short and to the point. In regards to setting outline: none, I'd say we'd also need to take accessibility into account and we need to keep the outline and even enhance it. Also, how would you update the code to make it accessible?

[ShaharKBar]

Awesome!
Thanks a lot !

Im a begginer, learning a lot from your Videos :)

What would be the correct code to add to the JS, in order to block inputing text when it reaches the max length limit?

[codewithHanbal]

i would like to have the font but i cant afford the course so what should i do? ( i like the italics )

[pendant_animations]

Can you make a animation of placeholder like when we give a weak password, the bottom line becomes red and when we give a strong password, the bottom line changes to green and red shows weak password and green shows strong password. It will enhance my website really well. Btw thank u for this video also.