JSFiddle - React, Tailwind, and code Playground

HTML

<form class="" onsubmit="submitForm(event);false">
    <input type="text" name="status_yula" id="status_yula">
    <input type="text" name="status_avito" hidden id="status_avito">
    <button onclick="changeColor(event)" class="" id="avito"> Avito</button>
    <button onclick="changeColor(event)" class="" id="yula"> Youla</button>
<button type="submit">Отправить форму</button>
</form>

CSS

form {
  display:flex;
  flex-direction:column;
}
button {
  background-color: lightblue
}

JavaScript

let status = false;

  function changeColor(e) {
    status = !status
    let bgColor = status ? "green" : "red"
    let el = document.getElementById('status_'+e.target.id)
    el.value = status.toString()
    return e.target.style.backgroundColor = bgColor
  }
function submitForm(e) {
  e.preventDefault();
 
}