Проверьте, просматривал ли пользователь определенную страницу

Question

Я пишу электронное обучение с использованием html и javascript, но в последнее время я столкнулся с проблемой, которую не могу решить, поэтому я перешел на php, но, к сожалению, безрезультатно, Когда пользователь открывает первую страницу, меню появляется, но не нажимается, каждый элемент должен появляться после просмотра видео, что означает посещение страницы.

Меню содержит ссылки на различные html-страницы, например, когда я захожу на page1.html, меню открывает следующую страницу, поэтому я могу щелкнуть и перейти ... это было решено с помощью прикрепленного кода, но проблема в том, что я мне нужно сохранить изменения, которые я сделал, например, когда я приеду на страницу 5 и захочу снова увидеть страницу 1, я увижу только страницу 2, даже если я уже посетил 2 и 3, которые должны быть активны с предыдущих страниц после посещения

пожалуйста, проверьте мой код и сообщите мне:

Я создал код java-скрипта, который работает только по элементам при следующем просмотре, но не сохраняет значения

function session() {

    if (document.cookie.indexOf("visited") >= 0) {
      // alert("Your n visit");

  document.getElementById("itemId").style.pointerEvents = "";





    } 


    else {
        document.cookie = "visited";

// alert("Your firsttttt visit");

  document.getElementById('myvid').addEventListener('ended', function(e) {
  //alert("Well done , you can go to the next chapter now!");
  document.getElementById("itemId").style.pointerEvents = "";

HTML-код

<li><a href="../2/2.php"style="pointer-events: none;" id="itemId" >INIT Page</a></li>