Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   изменение стиля кнопки с сохранение параметра после перезагрузки страницы (https://javascript.ru/forum/dom-window/77031-izmenenie-stilya-knopki-s-sokhranenie-parametra-posle-perezagruzki-stranicy.html)

AlexMonsterbit 15.03.2019 18:11

изменение стиля кнопки с сохранение параметра после перезагрузки страницы
 
есть такая задача, после нажатия кнопки на одной страницы изменялся стиль второй кнопки на второй странице, я так понял что нада делать с помочью метода localStorage, но не получается. если две кнопки на одной странице то изменения есть и параметры сохраняются локально, а если кнопки на разных, то нет.
var idVhod = document.getElementById('idVhod');

function onclickVhod() {
  idVhod.style.backgroundColor = (idVhod.style.backgroundColor == 'lightgreen') ? '' : 'lightgreen';
  localStorage.setItem('hide', idVhod.style.backgroundColor); // сохраняем значение в ключ hide
}

if(localStorage.getItem('hide') == 'lightgreen') { // если значение ключа hide "inline"
  document.getElementById('idVhod').style.backgroundColor = 'lightgreen';
}

<div class="btn-start">
        <a onclick="onclickVhod()" href="relationships.html">
          <p>До вибору категорії</p>
        </a>
      </div>
<div id="idVhod" class="btn">
        <a href="error_correction.html">
          <p>помилки</p>
        </a>
      </div>

Зарание спасибо!):thanks:


Часовой пояс GMT +3, время: 01:40.