Как сделать что бы при нажатии на On вибрировала кнопка TEST а при нажатии на Off не вибрировала

Как сделать что бы при нажатии на On вибрировала кнопка TEST а при нажатии на Off не вибрировала

  <button id="vibro_on">ON</button>
  <button id="vibro_off">OFF</button>

  <button onclick="vibro()">TEST</button>

  <script>
  function vibro() {

    if( document.getElementById("vibro_on") ) {
    navigator.vibrate([50])
    } else ( document.getElementById("vibro_off") )
    navigator.vibrate([0])
  }
</script>

Мой код не работает


Ответы (1 шт):

Автор решения: Алексей Шиманский

let doVibro = false;

document.getElementById("vibro_on").addEventListener('click', () => {
  doVibro = true;
});

document.getElementById("vibro_off").addEventListener('click', () => {
  doVibro = false;
});

document.getElementById("do-vibro").addEventListener('click', () => {
  doVibro ? navigator.vibrate([50]) : navigator.vibrate([0]);
});
<button id="vibro_on">ON</button>
<button id="vibro_off">OFF</button>

<button onclick="vibro()" id="do-vibro">TEST</button>

→ Ссылка