JSFiddle - React, Tailwind, and code Playground

HTML

<div class="old__faggots">Взрослые
  <span class="old__faggots__counter">0</span>
</div>
<div class="little__motherfuckers">дети
  <span class="little__motherfuckers__counter">0</span>
</div>

CSS

.old__faggots {
  float: left;
  width: 50%;
  cursor: pointer;
  font-weight: bold;
}
.little__motherfuckers{
  float: left;
  width: 50%;
  cursor: pointer;
  font-weight: bold;
}
.old__faggots > span,
.little__motherfuckers > span {
  padding-left: 40%;
  font-weight: normal;
}

Babel + JSX

let [...clickArea] = document.querySelectorAll(`.old__faggots, .little__motherfuckers`);

document.body.addEventListener(`click`, increaseCounter);

function increaseCounter(e){
	let clickedOn = e.target;
  
  if(clickArea.indexOf(clickedOn) < 0) return;
  
	let span = clickedOn.getElementsByTagName(`span`)[0];
  let nowCounter = +span.innerHTML;
  span.innerHTML = ++nowCounter;
}