у меня все сохраняется в localStorage, но при обновлении страницы dom не отрисовывается , он только отрисовывается при нажатии на кнопку "Добавить", а я хотел бы разобраться/научиться, как отображать это DOM дерево после обновления страницы.
let id = localStorage.getItem("id")!==null?checkAndGo:0;
function checkAndGo() {
let maId = localStorage.getItem("id");
if(maId>0){
for(let i = 0;i<id;i++){
let elem = `<h2> ${i+1} </h2>`;
let rightBlock = document.querySelector('.right');
rightBlock.innerHTML += elem;
}
}
}
Суть в том, чтобы при открытии страницы каждый раз проверять чему равно значение блоков и если оно 0++, заполнить тем кол-вом контейнеров, которым нужно.
Но я бы сделал отдельную функцию на создание блоков(получая кол-во) и отдельную на отрисовку, которая бы запускала функцию создания/удаления,изменения из себя, в зависимости от нужды.