Number Input Spinner UI Design | CSS3 & Vanilla Javascript

Your css is in next level !

let x=0;
let increment=document.getElementById("inc");
let decrement=document.getElementById("de");
let nu=document.getElementById("nu");
increment.onclick=function(){
nu.innerHTML=++x

}
decrement.onclick=function(){
if(x==0)
nu.innerHTML="0"
else
nu.innerHTML=--x;
}
Slightly simplified javascript code
thanks thanks thanks ♥♥♥♥

idol, in the above video, how do you do so when the code is finished, you don't need to load the page again, it refreshes itself

Hi. I absolutely adore your channel. But usually when we talk about spinners in web development, are we not referring to the spinning loading animations we see when we're waiting for something to load? That's what I was looking for when I clicked on this video, and if you have a tutorial on those, I would love to know.

It would be really nice if you could provide source with the video

Creating arrows with border was cool.
But creating all that span seems unnecessary, should have just read the value of span using innerHTML and then convert to int using parseInt() and then increment or decrement 1 + or - function.

감사합니다.

Спасибо, профессор .. Абдулрахман Тахер из Египта .. Спасибо за ваши усилия

Thank you, Professor .. Abdulrahman Taher from Egypt .. Thank you for your efforts

شكرا يا استاذ ..
عبدالرحمن الطاهر من عرب محافظة المنيا ..اتشرف في اي وقت
بارك الله فيك علي مجهوداتك وكثر الله من امثالك

Can you please share the link for your new Udemy course? I've been looking for it.

Need one video on how can we create all types of geometric shapes... and what type of animation on CANVA login page can you do this

Bro You Are My Inspiration And Love You From My Heart.

This video could use less music. Great otherwise.

Filling the DOM with unuseful elemnts like the 99 x span elements is really not recomended. You could use js in a much more efficient manner to increase or decrease the number. Also as an ecommerce site designer the production environment most of the time require you have a max qty a min qty and a qty step for increment. :) the idea of hovering to display the control buttons is good.

thaaaanks man !

Im still waiting for the splash screen :D

Nice tutorial! You are so amazing LOL your mind have all the libraries both css, and javascript etc.

Always Rocking!!

Can you develope another responsive website?

Really nice works

That's a charming and well-designed input number field, love it. Keep definitely up the great work, you are an inspiration.

You are nice 👌