JSFiddle - React, Tailwind, and code Playground

by NOVUSIDEA

HTML

<script src="//unpkg.com/snuggsi"></script>
<my-counter style="display:flex;align-items:center;gap:.5em">
    <button onclick="decrement">-</button>
    <span>{count}</span>
    <button onclick="increment">+</button>
</my-counter>

JavaScript

Element `my-counter` (class extends HTMLElement {

	initialize () {
        this.count = 0;
    }
    
    increment () {
        this.count++;
    }
    
    decrement () {
        this.count--;
    }

});