Number counter input

This tailwind example is contributed by Prem.., on 14-Feb-2023. Component is made with Tailwind v3.4.

Tailwind v3.4 16.8k 17

decrementBtn.addEventListener('click', () => {
        if (count > 1) {
            count--;
            counterEl.textContent = count;
        }
    });

incrementBtn.addEventListener('click', () => {
        count++;
        counterEl.textContent = count;
    });
</script>

Related Examples

Read more / Show more button with hide button
"hide" button that appears when the additional content is displayed:

Prajwal Hallale

3 years ago

22.2k
Music Player

Abhijit Sen

3 years ago

18.5k
Working back to top button
The "Scroll to top" button becomes visible when the user starts to scroll the page Clicking on that button takes you back to the top of the page. This is a great feature to have on any website especially if your content is long.

Prashant

4 years ago

15.6k
Speedometer Example
Internet speed meter, gauge meter

Brandon D

4 years ago

15.3k
WYSIWYG Editor Form
Form with CKEditor

I.P. Leroy

3 years ago

16.3k
Detect Screen Breakpoints with Tailwind CSS

Prajwal Hallale

4 years ago

8.6k
Simple count down timer

Gopi Yadav

3 years ago

15.6k
Card-Product
Product card for vertical windows, if you need a more complete version to show more information, you have other options in my profile

Ameth Galarcio

2 years ago

3.4k
Periodic Table with Tailwind CSS

Michael Andreuzza

2 years ago

3.1k
Exapnd and collapse button for large content
Truncate and expand on click large content with javascript. uses line clamp.

Komal Jain

2 years ago

3k
partql
partql

sh22gr

8 months ago

866
Code card with copy Button
this example uses clipboard.js to copy the code

Akmaljon Muhammadjonov

1 year ago

1.7k