JSFiddle - React, Tailwind, and code Playground

by sesamechicken

HTML

<input type='text' value='0' id='counter' readonly />
<button onclick='counter("add")'>+</button>
<button onclick='counter("subtract")'>-</button>

JavaScript

const counterField = document.querySelector('#counter');

const counter = (type) => {
	type === 'add' && counterField.value++;
  if(type === 'subtract'){
		counterField.value != 0 ? counterField.value-- : 0;
  }
}