JSFiddle - React, Tailwind, and code Playground

HTML

<div class="bedroomsButton">Bedrooms
  <div class="addRoom">
    <span class="plusOne clickable">+</span>
  </div>
  <div class="subtractRoom">
    <span class="subtractOne clickable">-</span>
  </div>
  <input class="roomsAmmount" type="number" value="0" />
</div>

<div class="bathroomsButton">Bathrooms
  <div class="addRoom">
    <span class="plusOne clickable">+</span>
  </div>
  <div class="subtractRoom">
    <span class="subtractOne clickable">-</span>
  </div>
  <input class="roomsAmmount" type="number" value="0" />
</div

JavaScript

const handleClick = (e) => {
	const input = e.target.parentElement.parentElement.querySelector(".roomsAmmount");

  let newValue = parseInt(input.value);
  if (e.target.classList.contains(`plusOne`)) {
		newValue++;
  }
  if (e.target.classList.contains(`subtractOne`)) {
		newValue--;
  }

  input.value = newValue;

}


document.querySelectorAll(`.clickable`).forEach(el => el.addEventListener(`click`, handleClick))