how to retrieve localStorage data?

[DesarrollosDimpulsoX]

i got this code
`// cuando clickeas en el boton crear contacto, aparece el div para agregar contactos a la agenda
function myToggle () {
$(document).ready(function(){
var element = document.getElementById("hide-show");
$(".toggle").click(function(){
$(".agenda_container").hide();
$(element).fadeIn(500);
});
$(".btn-addcontacts").click(function() {
$(element).fadeOut(500);
$(".agenda_container").show();
});
});
}
var count=0;
// función para agregar valores a la tabla
function agregarValores () {
// Capturando Variables
const nombre = document.getElementById("nombre").value;
const apellidos = document.getElementById("apellidos").value;
const correo = document.getElementById("correo").value;
const celular = document.getElementById("celular").value;

// funcion para traer iniciales de nombre y apellido para etiqueta de agenda

const iniciales = nombre.charAt(0) + apellidos.charAt(0);

// Generando un contacto único con id
const datos = {
	'id': Math.random(1, 100),
	'nombre': nombre,
	'apellido': apellidos,
    'correo': correo,
    'celular': celular
};
// Almacenando los datos
localStorage.setItem(nombre, JSON.stringify(datos));


// Eliminamos los valores del formulario
document.getElementById("nombre").value = "";
document.getElementById("apellidos").value = "";
document.getElementById("correo").value = "";
document.getElementById("celular").value = "";

// La variable count, genera un id unico para cada contacto
// Este id es el utilizado para eliminar-lo
count++;

if (nombre.length > 0 || apellidos.length > 0) {
	var tbody = document.getElementById("miTabla").getElementsByTagName("TBODY")[0]; 
	var attrId = document.createAttribute('id');
	attrId.value=count;
	var td0 = document.createElement("div");
	td0.appendChild(document.createTextNode(iniciales));
	var td1 = document.createElement("TD");
	td1.appendChild(document.createTextNode(nombre));
	var td2 = document.createElement("TD");
	td2.appendChild(document.createTextNode(apellidos));
	var td3 = document.createElement("TD");
	td3.appendChild(document.createTextNode(correo));
    var td4 = document.createElement("TD");
	td4.appendChild(document.createTextNode(celular));
	var td5 = document.createElement("TD");
	td5.appendChild(crearButton(count));

	var row = document.createElement("TR");
	row.setAttributeNode(attrId);			
	row.appendChild(td0);
	row.appendChild(td1);
	row.appendChild(td2);
	row.appendChild(td3);
	row.appendChild(td4);
	row.appendChild(td5);
	tbody.appendChild(row);
	td0.classList.add('iniciales')
    td1.classList.add('card-name');
    td2.classList.add('card-surname');
	}        
    $('#hide-show').hide();

}

//Función para eliminar un valor de la tabla
function eliminarValor (id) {
var row = document.getElementById(id);
row.parentNode.removeChild(row, id);
}

//Función que crea el boton de eliminar
//Tiene que recibir el id a eliminar
function crearButton (id) {
var button = document.createElement("input");
var attrType = document.createAttribute('type');
attrType.value = "button";
var attrValue = document.createAttribute('value');
attrValue.value = "Eliminar";
var attrOnclick = document.createAttribute('onclick');
attrOnclick.value = "eliminarValor("+count+");";

button.setAttributeNode(attrType);
button.setAttributeNode(attrValue);
button.setAttributeNode(attrOnclick);

return button;

}
`
with this snippet i save the data as an array, i try many ways found in different blogs but didnt help
snippet : localStorage.setItem(nombre, JSON.stringify(datos));
could somebody help me?

here is a snippet from the html

<div class="agenda_container"> <input class="toggle" id="inlinetoggle" type="button" value="Crear nuevo" onclick="myToggle ()"> <table id="miTabla"> <thead> <tr> <td class="card-user"></td> <td class="card-user">Nombre</td> <td class="card-user">Apellido</td> <td class="card-user">Email</td> <td class="card-user">Celular</td> <td class="card-user"></td> </tr> </thead> <tbody id="contactos"> </tbody> </table> </div> <div class="addcontact-form" id="hide-show"> <h2 id="h2addcontact">Crear Contacto</h2> <form> <div class="addcontactinput"> <label id="label-addcontacts" for="nombre">Nombre:</label> <input type="name" class="name" placeholder="Nombre/s" name="name" required id="nombre"> </div> <div class="addcontactinput"> <label id="label-addcontacts" for="apellidos">Apellido:</label> <input type="text" class="name" placeholder="Apellido/s" name="surname" required id="apellidos"> </div> <div class="addcontactinput"> <label id="label-addcontacts" for="correo">Correo:</label> <input type="email" class="mail" placeholder="Correo Electrónico" name="email" required id="correo"> </div> <div class="addcontactinput"> <label id="label-addcontacts" for="celular">Celular:</label> <input type="tel" class="celular" placeholder="Número Celular" name="celular" required id="celular"> </div> <p id="center-input"> <input type="button" id="btn-addcontacts" class="btn-addcontacts" style="width: fit-content;" onclick="agregarValores();" value="Agregar"> </p> </form> </div>