localStorage запоминание вибрации при нажатии на кнопку после перезагрузки страницы

Question

Есть код

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>

Нужно что бы при перезагрузки страницы оставалась вибрация включенной по нажатию на TESЕT тоесть устройство запоминало если включена вибрация то после перезагрузки страницы она оставалась включеной.

Answer 1

Думаю вот ваш вариантик:

let doVibro = Boolean(localStorage.getItem('doVibro') === '0' ? 0 : 1) || false;

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

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

document.getElementById("do-vibro").addEventListener('click', () => {
  doVibro ? navigator.vibrate([50]) : navigator.vibrate([0]);
});

function switchVibro(bool) {
  doVibro = Boolean(bool);
  localStorage.setItem('doVibro', bool ? '1' : '0')
}

БЛОГ НА HUSL

localStorage запоминание вибрации при нажатии на кнопку после перезагрузки страницы

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