Как в php взять данные из кнопки javascript?

Question

[Виктор]

Есть две кнопки

<button onclick="changeAvitoColor()" type="button" id="avito" class="site form_item" name="avito">Авито</button>
 <button onclick="changeYulaColor()" type="button" id="yula" class="site form_item" name="yula">Юла</button>

Примерно так это выглядит

Пользователю приходят уведомления на почту о новых товарах по его ключевым словам.

Нужно отправить в бд значение true(int % 2 == 0) или false(int % 2 == 1) у кнопки(он выбирает сайты, с которых ему должны приходить уведомления).

Цвет кнопки меняется так (уверен что есть более гуманный способ):

let yula = document.getElementById('yula');
let avito = document.getElementById('avito');
let avitoCount = 0;
let yulaCount = 0;

function changeYulaColor() {
    YulaCount++;
    if (YulaCount % 2 === 1) {
        yula.style.backgroundColor = "green";
    } else {
        yula.style.backgroundColor = "red";
    }
}

function changeAvitoColor() {
    avitoCount++;
    if (avitoCount % 2 === 1) {
        avito.style.backgroundColor = "green";
    } else {
        avito.style.backgroundColor = "red";
    }
}

Comments

[Дмитрий]

жестко в этой вариации? именно true или false для каждой! из кнопок? покажите обработчик в этой части... что на сервере ожидаете.

[Виктор]

Дмитрий, а как еще можно

[Виктор]

Дмитрий, а можно ведь просто убрать not null у этих сайтов в mysql и все, точно

Answer 1

[Дмитрий]

Дополнить форму ...

<form class="" onsubmit="submitForm(event)">
    <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>

JS

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(); // здесь обрабатывать значения в форме - просто добавляете к остальным значения по селекторам или как вы делаете.
 
}

Рабочий пример

Answer 2

[Mors Clamor]

Ну как вариант создать скрытые поля в форме для этих кнопок