The live server of the Increment and Decrement Counter is below:-
HTML CODE FOR THE INCREMENT AND DECREMENT COUNTER:-
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<h3>Increment and Decrement Counter</h3>
<button id="increment" onclick="increase()">+</button>
<input type="text" value="0" id="input">
<button id="decrement" onclick="decrease()">-</button>
CSS (Styling the webpage):-
As the project is very simple I have used only some basic concepts of CSS like flexbox to align the items vertically and horizontally.I have also used the box-shadow concept.
background-color: rgb(175, 218, 203);
box-shadow: 5px 5px 5px rgba(0,0,0,0.2) inset,-5px -5px 5px rgba(0,0,0,0.2) inset;
I hope you have liked it. Wait, Did you still not implement it So why are you waiting, go and implement it now 😎.
If you faced any difficulty feel free to comment down your problems and If you really liked it, please show your love in the comment section this really motivates a blogger to provide more such content.
You can follow me on Instagram.
Written by @Himanshu Singh.