Tengo un problema, no entiendo por qué no muestra los datos, al ser ingresados.
<label for="nombre"> Nombre: </label>
<input type="text" id="nombre" />
<input type="button" onclick="guardarDatos()" value="Guardar datos" />
<p id="datos"> </p>
<input type="button" onclick="recuperarDatos()" value="Recuperar datos" />
JS
function guardarDatos(){
localStorage.nombre = document.getElementById("nombre").value;
}
function recuperarDatos(){
if ((localStorage.nombre != undefined)) {
document.getElementById("datos").innerHTML = "Nombre: " + localStorage.nombre;
}
else{
document.getElementById("datos").innerHTML = "No has introducido tu nombre";
}
}
Mi idea es guardar el nombre y luego usar la variable nombre, en varias parte del html con un ID.
Olvidé mencionar que tengo los siguientes errores.
Uncaught ReferenceError: guardarDatos is not defined
at HTMLInputElement.onclick ((index):67)
onclick @ (index):67
(index):69 Uncaught ReferenceError: recuperarDatos is not defined
at HTMLInputElement.onclick ((index):69)
Pueden ver mi codigo,
jsfiddle
?