Simple Increment and Decrement Counter | Vanilla JavaScript Project Explained

  Рет қаралды 6,713

Angela Design

Angela Design

Күн бұрын

Пікірлер: 28
@dethcx22
@dethcx22 4 жыл бұрын
Hey there Angela, just wanted to say that I've found your videos to be best on KZbin for learning CSS. You're to the point and provide great examples, thank you so much. :)
@angeladesign737
@angeladesign737 4 жыл бұрын
Thank you so much! Let me know if there is a specific tutorial you would like to see!
@Rachel-eq7uf
@Rachel-eq7uf 3 жыл бұрын
great refresher for me.. I went through a couple of certificates online and we did something like this. You showed how it could be done in a different way and it was helpful. I ended up putting my counter between the decrement and increment buttons and it worked out the way I wanted it styled. Thanks for sharing! FYI: including a focus state on your buttons will help you get rid of that outline that happens whenever a button is clicked on. I notice that it keeps appearing in a different area than where the buttons are located.
@Dean-oh5xw
@Dean-oh5xw 3 жыл бұрын
Great video.. very informative and straight to the point …you did a good job .
@angelaparkes451
@angelaparkes451 2 жыл бұрын
Hi! I know that this video is like pretty old, but I hope you can respond to my question! First, I love this little counter its amazing~ however, I want to be able to actually click on the number and input any number I want to put in the number field. Is that possible? Is it possible to have the increment buttons and a number field input combined? I'm just starting to learn how to code and for some reason it seems impossible. Thanks!!
@salsea
@salsea 4 жыл бұрын
Wow, your presentation is great - I'm that person that needs that detail to understand - thanks
@angeladesign737
@angeladesign737 4 жыл бұрын
Thank you! Happy it was helpful!
@DevsLikeUs
@DevsLikeUs 4 жыл бұрын
Great tutorial, you present your info extremely Well.
@angeladesign737
@angeladesign737 4 жыл бұрын
Thank you! Happy it was helpful!
@adheeshburthia3584
@adheeshburthia3584 2 жыл бұрын
Was searching for that, thank you so much Btw how do I get the value?
@dsains6847
@dsains6847 3 жыл бұрын
Hello i want to ask, how the count variable on the other function recognized the current number ?. For example if we click increment and the number change until 5, and then we click decrement the number change to 4. I thought the output is -1 because count variable it's declared 0 outside the function. Sorry i am a newbie🤞
@regretfulladproductions4300
@regretfulladproductions4300 2 жыл бұрын
Do you know what if condition could be put in to keep the number at established count maximum(starting. Say max count = x. But during increment it goes to z which is greater than x.) I'll include attribution and links to the code of urs being used on the web page game if u can help me out with this. Adrian Bece has an alternative but it's messy af.
@regretfulladproductions4300
@regretfulladproductions4300 2 жыл бұрын
Rather it's cumbersome, not messy
@sebdur7489
@sebdur7489 3 жыл бұрын
thank you very much, your channel is fantastic, keep it up!
@angeladesign737
@angeladesign737 3 жыл бұрын
Thanks!
@ShaharKBar
@ShaharKBar 3 жыл бұрын
Thanks a lot 🙏🏻 Super helpful for me in my first steps with Js :)
@angeladesign737
@angeladesign737 3 жыл бұрын
Glad it helped!
@95tbf
@95tbf 4 жыл бұрын
Awesome video!
@angeladesign737
@angeladesign737 4 жыл бұрын
Thank you!
@singhgagandeep955
@singhgagandeep955 3 жыл бұрын
thank you very much you solve my problem
@valentinaotocan5692
@valentinaotocan5692 4 жыл бұрын
Can you clone a Responsive Website page using HTML and CSS from scratch :D? You are great. I love your videos. xoxo
@angeladesign737
@angeladesign737 4 жыл бұрын
Thank you so much! I was thinking of creating another full responsive website tutorial; I already have this video: kzbin.info/www/bejne/m5K4aYCiZ8ZjidE&lc=UgxHMiOmTcCQJXvQyfJ4AaABAg Let me know if there is a specific kind of design you would like a tutorial on!
@valentinaotocan5692
@valentinaotocan5692 4 жыл бұрын
@@angeladesign737 I saw that and was awesome. Something like www.restaurantkopun.com/, but what ever you pick will be good. :) keep up the good work.
@ourielperez1646
@ourielperez1646 3 жыл бұрын
Thank you
@moktan9842
@moktan9842 3 жыл бұрын
Your voice is beautiful
@jizan8344
@jizan8344 4 жыл бұрын
First comment ❤️
@angeladesign737
@angeladesign737 4 жыл бұрын
🎉
@MiguelOcampo
@MiguelOcampo 3 жыл бұрын
Everything was great until you got to CSS and decided to not explain the pre-processor of SCSS
Animating News Article Cards | CSS Grid & Flexbox
12:32
Angela Design
Рет қаралды 3,2 М.
React Counter | Simple Counter with React Hooks
18:29
Angela Design
Рет қаралды 13 М.
黑天使被操控了#short #angel #clown
00:40
Super Beauty team
Рет қаралды 61 МЛН
To Brawl AND BEYOND!
00:51
Brawl Stars
Рет қаралды 17 МЛН
The evil clown plays a prank on the angel
00:39
超人夫妇
Рет қаралды 53 МЛН
Beginner Vanilla Javascript Project Tutorial
1:15:19
developedbyed
Рет қаралды 905 М.
CSS Grid Crash Course | Beginners Tutorial
17:56
Angela Design
Рет қаралды 43 М.
Responsive Side Navigation Bar with HTML & CSS | Flexbox Navbar
12:28
This position absolute mistake is ruining modals
4:51
Kevin Powell
Рет қаралды 25 М.
What Is The Fastest Way To Load JavaScript
10:21
Web Dev Simplified
Рет қаралды 185 М.
How Old Can a File Be?
12:11
Dev Detour
Рет қаралды 89 М.
Hamburger Menu to Close Icon | CSS Animation
14:36
Angela Design
Рет қаралды 21 М.
Dropdown Navigation Menu with Flexbox
13:33
Angela Design
Рет қаралды 41 М.
黑天使被操控了#short #angel #clown
00:40
Super Beauty team
Рет қаралды 61 МЛН