Как написать валидную навигацию по странице с помощью панели навигации?

Question

[Shahriyor_dev]

https://bankrot-fpk.ru/ Есть такой сайт и у неё есть панель навигации 1-10.
И у моего сайта есть, но у меня при перезагрузке активный блок становится не тот и при скролле не меняется активность в панели навигации.
Вот мой js код:

const navLink = document.querySelectorAll('.m_scrollspy ul .nav-link');


for (let i = 0; i < navLink.length; i++) {
    navLink[i].onclick = () => {
        // Удаляем класс у всех
        navLink.forEach(function(el) {
            el.classList.remove('active');
        });
        //Добавляем класс выбранному
        if (!navLink[i].classList.contains('active')) {
            navLink[i].classList.add('active')
        }
    }
}

Вот html:

<div class="m_scrollspy" id="navbar-example">
        <ul class="nav nav-tabs" role="tablist">
            <li class="nav-item"><a href="#m_one" class="nav-link active">01</a></li>
            <li class="nav-item"><a href="#m_two" class="nav-link">02</a></li>
            <li class="nav-item"><a href="#m_three" class="nav-link">03</a></li>
            <li class="nav-item"><a href="#m_four" class="nav-link">04</a></li>
            <li class="nav-item"><a href="#m_five" class="nav-link">05</a></li>
            <li class="nav-item"><a href="#m_six" class="nav-link">06</a></li>
            <li class="nav-item"><a href="#m_seven" class="nav-link">07</a></li>
            <li class="nav-item"><a href="#m_eight" class="nav-link">08</a></li>
        </ul>
    </div>

Помогите сделать так чтоб при скролее на определенный блок (например 5) в панеле она менялась и при перезагрузке оставалась активной.

Answer 1

[Антон Шаманов]

почитай про использование LocalStorage/WebStorage и работу с COOKIE в JS