Срочно нужна помощь по JSON добавление в корзину и сохранение товаров там

В общем, есть интернет-магазин, есть корзина. Я работал с JSON один раз в своей жизни три года назад и то это был ванильный js и я в гугле на jquery чёт не очень понял чё к чему там. В итоге пошёл делать на ванильном, как-то корзина завелась, т.е. в неё сохраняются товары и при обновлении страницы остаются там же как и нужно, но проблема в том, что передаётся значение undefiend вместо название товара. Товары загружаются из БД sql через php. Просто поиск с id и .value не помогает забрать у неё текст, скорее всего тут запрос ajax нужен, но я допереть не могу как. Потому что если я в ajax запихаю, то товары сохраняться не будут после перезагрузки. Помогите что можно сделать: js: // id=korzina это сама корзина с div и ul внутри её // id = add_in_cart кнопка "Добавить в корзину"

// скрипт корзины

const addBtn = document.getElementById("add_in_cart");
const listCart = document.getElementById("korzina");

let korzonka = JSON.parse(localStorage.korzonka || "[]");
for(let i=0; i<korzonka.length; i++){
    let nameKor = document.getElementById("name_tovara").value;
    const kor = document.createElement("li");
    kor.innerHTML = "<p class='name_kor'>" + nameKor + "</p><span class='del_elem'>Удалить</span>";
    listCart.append(kor);
    
}

let add_elems = (e) =>{
  e.preventDefault();
  const kor = document.createElement("li");
  let nameKor = document.getElementById("name_tovara").value;
  kor.innerHTML = "<p class='name_kor'>" + nameKor + "</p><span class='del_elem'>Удалить</span>";
  listCart.append(kor);
  korzonka.push(nameKor);
  localStorage.korzonka = JSON.stringify(korzonka);
};

addBtn.addEventListener('click', add_elems);


function del_elem_cart(e){
    let target = e.target;
    if(target.classList.contains('del_elem')){
        target.closest("li").remove();
        let name_kor = target.closest("li").querySelector('.name_kor').textContent;
        let curTasks = korzonka.indexOf(name_kor);
        korzonka.splice(curTasks,1);
        localStorage.korzonka=JSON.stringify(korzonka);
    }
}

listCart.addEventListener('click', del_elem_cart);

// конец её

html

<div class="cart">
      <button class="btn btn-general" type="button" id="add_in_cart" >
         <i class="fa fa-shopping-basket"></i><span>В корзину</span>
      </button>
</div>