[Dúvida] Quando eu recarrego a pagina nao salva a alteraçao no html

eu estou ponto o aprendizado em pratica, fazendo uma tabela que adiciona quantidade, mas, quando eu adiciono quantidade na tabela e recarrego a pagina a "quantidade" volta a 0

codigo HTML:

codigo java:

const controle = document.querySelectorAll("[data-controle]");

controle.forEach( (elemento) => {
    elemento.addEventListener('click', (evento) => {
        manipulaDados(evento.target.textContent, evento.target.parentNode)
    })
});
function manipulaDados(operacao, controle) {
    const item = controle.querySelector("[data-quantidade]");

    if(operacao === "-") {
    item.innerHTML = parseInt(item.innerHTML) - 1;
    } else {
    item.innerHTML = parseInt(item.innerHTML) + 1;
    }
};

o codigo funciona, adicionando e removendo +1 e -1, mas nao salva quando eu recarrego