Só funciona nos elementos adicionados

const form = document.getElementById("novoItem")
const lista = document.getElementById("lista")
const itens = JSON.parse(localStorage.getItem("itens")) || []

itens.forEach((elemento) => {
    criaElemento(elemento)
})

form.addEventListener("submit", (evento)=> {
    evento.preventDefault()

    //=> evento.target.elements['nome'].value  busca o valor -.value- do elemento a partir do name do input -name:"nome"-
    //=> evento.target.elements['quantidade'].value busca o valor -.value_ do elemento a partir do nome do input -name:"quantidade"-

    const nome = evento.target.elements['nome']
    const quantidade = evento.target.elements['quantidade']

    const existe = itens.find(elemento => elemento.nome === nome.value)

    const itemAtual = {
        "nome" : nome.value,
        "quantidade": quantidade.value
    }

    if (existe){
        itemAtual.id = existe.id

        atualizaElemento(itemAtual)
        itens[existe.id] = itens.length

    }else{
        itemAtual.id = itens.length
        criaElemento(itemAtual)
        itens.push(itemAtual)
    }

    localStorage.setItem("itens", JSON.stringify(itens)) 

     nome.value = ""
     quantidade.value = "" 
})

function criaElemento(item){
    const novoItem = document.createElement('li')
    novoItem.classList.add("item")

    const numeroItem = document.createElement("strong")
    numeroItem.innerHTML = item.quantidade
    numeroItem.dataset.id = item.id
    novoItem.appendChild(numeroItem) 
    novoItem.innerHTML += item.nome

    lista.appendChild(novoItem)
}

function atualizaElemento(item){
     document.querySelector("[data-id='"+item.id+"']").innerHTML = item.quantidade
}

Não consigo atualizar os elementos que já estão no HTML. Essa mudança é possível? como coloco todos os itens no Local Storage?