Что я пробую сделать
// Перемещение блока вверх
upArrow.addEventListener('click', function () {
const prevBlock = block.previousElementSibling;
if (prevBlock && prevBlock.classList.contains('feel-block')) {
feelContainer.insertBefore(block, prevBlock);
saveOrderFeel();
}
});
// Перемещение блока вниз
downArrow.addEventListener('click', function () {
const nextBlock = block.nextElementSibling;
if (nextBlock && nextBlock.classList.contains('feel-block')) {
feelContainer.insertBefore(nextBlock, block);
saveOrderFeel();
}
});
// Перемещение блока вверх
upArrow.addEventListener('click', function () {
const prevBlock = block.previousElementSibling;
if (prevBlock && prevBlock.classList.contains('feel-block')) {
showContainer.insertBefore(block, prevBlock);
saveOrderShow();
}
});
// Перемещение блока вниз
downArrow.addEventListener('click', function () {
const nextBlock = block.nextElementSibling;
if (nextBlock && nextBlock.classList.contains('feel-block')) {
showContainer.insertBefore(nextBlock, block);
saveOrderShow();
}
});
// Сохранение порядка блоков
function saveOrderFeel() {
const idsFeel = Array.from(feelContainer.querySelectorAll('.feel-block')).map(block => block.id);
localStorage.setItem('feel-order-feel', JSON.stringify(idsFeel));
}
function saveOrderShow() {
const idsShow = Array.from(showContainer.querySelectorAll('.feel-block')).map(block => block.id);
localStorage.setItem('feel-order-show', JSON.stringify(idsShow));
}
function loadState() {
// Восстановление порядка блоков
const orderFeel = JSON.parse(localStorage.getItem('feel-order-feel'));
if (orderFeel) {
orderFeel.forEach(id => {
const block = document.getElementById(id);
if (block) {
feelContainer.appendChild(block);
}
});
}
const orderShow = JSON.parse(localStorage.getItem('feel-order-show'));
if (orderShow) {
orderShow.forEach(id => {
const block = document.getElementById(id);
if (block) {
showContainer.appendChild(block);
}
});
}
И работает очень коряво а точнее не сохраняет положение