如何更改拖放项目的本地存储位置？

Question

当输入一个项目时，我有一个简单的拖放系统，它使用“value”键创建一个本地存储对象。如果我用拖放事件替换此添加的项目，则会使用“其他”键创建一个新的本地存储元素并将其保存在那里，但我希望在替换项目时将其从“值”部分中删除。我怎样才能做到这一点？您可以查看 codepen 演示以进行试用。密码笔：https://codepen.io/BerkayAkgurgen/pen/ExNbZGo // 以上代码仅关于localstorage 完整代码在codepen账号上

function getLocalStorage() {
    let value;
    if (localStorage.getItem('value') === null) {
        value = [];
    } else {
        value = JSON.parse(localStorage.getItem("value"))
    }
    return value;
}

function addToLocalStorage(paragraph) {
    let value = getLocalStorage();
    value.push(paragraph);
    
    localStorage.setItem("value", JSON.stringify(value))
}

function changeAddToStorage(value) {
    localStorage.setItem("other", JSON.stringify(value))
}

function dragStart(element) {
    element.classList.add('draggable')
}

function dragEnd(element) {
    drags.forEach(function (item) {
        if (item.classList.contains('box-2')) {
            changeAddToStorage(element.innerHTML)
        }
    })
    element.classList.remove('draggable')
}

Answer 1

要从“值”中删除项目，请在替换项目时调用localStorage.removeItem("value")。

function changeAddToStorage(value) {
    localStorage.removeItem("value")   // remove "value"
    localStorage.setItem("other", JSON.stringify(value))  // save in "other"
}