JSFiddle - React, Tailwind, and code Playground

by Eugen Sunic

HTML

<div class="red">
  <input id="counter1" value="399" />
  <button id="update1">update</button>
</div>

<div class="red">
  <input id="counter2" value="399" />
  <button id="update2">update</button>
</div>

CSS

#counter {
  display: inline;
  width: 100px;
  padding: 0;
  margin: 0;
}

JavaScript

$(".red #update1").one("click", function() {
  var val;
  val = $('#counter1').val();
  val++;
  $('#counter1').prop('value', val);
});
$(".red #update2").one("click", function() {
  var val;
  val = $('#counter2').val();
  val++;
  $('#counter2').prop('value', val);
});