Olá, estou utilizando localstorage em um projeto diferente mas com intuito parecido. Os dados inseridos estão substituindo o anterior no navegador, como poderia lista-los um por um em html como parágrafos ?
Código:
function recuperar(){
    turma=JSON.parse(localStorage.getItem("turma"));
   for(i=0;i<turma.length;i++){
         aluno=turma[i]
         nomeConvertido= JSON.stringify(aluno.nome)
         cpfConvertido= JSON.stringify(aluno.cpf)
         emailConvertido= JSON.stringify(aluno.email)
         senhaconvertido= JSON.stringify(aluno.senha)
         enderecoConvertido= JSON.stringify(aluno.endereco)
            const conteudo= `<p> ${i} Nome: ${nomeConvertido} Cpf:${cpfConvertido} 
            Email:${emailConvertido} Senha:${senhaconvertido} Endereço:${enderecoConvertido}<BR></p>`
            const lista= document.querySelector(".lista")
            lista.innerHTML=conteudo;
   }
} 
            