-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>

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

1 ответ 1

2

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

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')
}
7
  • Подскажите а как сделать что бы не по одному getElementById был вызов а всех сразу id c таким именем. Тоесть я к этому id хочу подвязать кучу div и что бы вызывались все а не только первый div на странице. А так получаеться что только первый работает по getElementById
    – user416946
    30 сен 2022 в 18:48
  • @NikoPapchenko начнём с того что id должен быть уникальным, в этом суть id, есть вам нужно несколько элементов с одинаковым функционалом или стилями, тогда выдавайте им класс (атрибут class). Далее если вы хотите выбрать, можно использовать два варианта, document.getElementsByClassName - чтобы найти элементы конкретно по классу, и querySelector чтобы по нескольким.
    – ΝNL993
    30 сен 2022 в 19:06
  • Если хотите более подробное объяснение, ищите в интернете: 'как выбрать несколько элементов? JS' или задавай вопрос на Stackoverflow. (не рекомендованный вариант т.к. таких вопросов уже много)
    – ΝNL993
    30 сен 2022 в 19:09
  • 1
    Если у вас просто много кнопок TEST то вот: document.getElementsByClassName('doVibro').forEach(e => { e.addEventListener('click', /* какая-то функция */ }) или же через querySelector: document.querySelector('.doVibro').forEach(e => { e.addEventListener('click', /* какая-то функция */ })
    – ΝNL993
    1 окт 2022 в 7:25
  • 1
    @NikoPapchenko если даже так не поняли тогда уж лучше создавать отдельный вопрос, там вам либо скинут ссылку на подробное объяснение, либо сами объяснят.
    – ΝNL993
    1 окт 2022 в 7:26

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.