@Link-Z

Как сделать чтобы класс activ оставался после перезагрузки страниц, ''на чистом JS"?

html код

<nav class="nav" id="nav">
  <a class="nav__link active" href="#">Главная</a>
  <a class="nav__link " href="#">Услуги</a>
  <a class="nav__link" href="#">Портфолио</a>
</nav>


css код

.nav {
  display: flex;
  justify-content: center;
  align-items: center;
}

.nav__link {
  margin-right: 20px;
  font-size: 20px;
  text-decoration: none;
  color: black;
  font-weight: 800;
  padding: 10px 15px;
}

.nav__link:hover {
  background-color: silver;
}

.active {
  background-color: red;
}


js код
window.onload = function() {
  let element = document.getElementsByClassName('nav__link');
  localStorage.setItem('activ', 'active');
  for (let i = 0; i < element.length; i++) {
    element[i].addEventListener('mousedown', makeActive12);
  }

  function makeActive12() {


    if (localStorage.getItem('activ') !== null) {
      console.log('work');
      let activ = localStorage.getItem('activ');
      for (let i = 0; i < element.length; i++) {
        element[i].classList.remove(activ);

      }
      this.classList.add(activ);
    }
  }
}


Пытаюсь решить проблему через localStorage, сайт много страничный так что в ссылках будут адреса на другие страницы, и проблема в том что, после перезагрузки activ слетает, а нужно чтобы сохранился.
  • Вопрос задан
  • 190 просмотров
Решения вопроса 1
@GenJet
Подобный вопрос задавался мною вот здесь Сохранение добавленного класса в localStorage?
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы