Aclaracion-SessionStore y LocalStore-Tercer intento
Publicado por Victor (4 intervenciones) el 09/05/2018 12:42:09
Buenos dias.
Tengo que resolver 2 cosas.
Una usando sessionStore
Este es el enunciado del ejercicio:
Crear una caja de texto, a modo de editor de contenidos, y utilizando SessionStorage almacenar el contenido de la caja en cada pulsación de tecla. Si la página es recargada, el último contenido almacenado debe mostrarse en la caja de texto. Comprobad que cerrando la pestaña actual, o abriendo una nueva ventana, los datos no se comparten.
Este es el codigo actual de esta parte:
El tema es que al recargar la pagina no conserva nada
2.La parte/ejercicio/practica es utilizando LocalStore
Modificar el código anterior para utilizar LocalStorage. Comprobad que en este caso, aunque cierre la ventana o abra una nueva, los datos se mantienen. Añadir la posibilidad de actualizar el resto de ventanas abiertas, cada vez que se modifique el valor de la caja de texto en cualquiera de ellas.
Usando tu solucion,que te agradezco de antemano.No se matienen los datos al abrir una nueva pesataña.
Este es el codigo actual:
En este caso deberia mantener lo introducido al abrir una pestaña nueva.
La pregunta es,en este caso,como mantengo los datos o bien que forma tengo que enviarlos.
El tutoria que estoy usando no tiene seccion de ejercicios resueltos.
Gracias de antemano,saludos.
Tengo que resolver 2 cosas.
Una usando sessionStore
Este es el enunciado del ejercicio:
Crear una caja de texto, a modo de editor de contenidos, y utilizando SessionStorage almacenar el contenido de la caja en cada pulsación de tecla. Si la página es recargada, el último contenido almacenado debe mostrarse en la caja de texto. Comprobad que cerrando la pestaña actual, o abriendo una nueva ventana, los datos no se comparten.
Este es el codigo actual de esta parte:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<html>
<head>
<title>Funcionalidades SessionStorage y LocalStorage</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script>
//Funcion que almacena el contenido de de la caja de testo en cada pulsacion;
sessionStorage.setItem('ValorEntrada','');
function almacenaEntrada(entrada)
{var entrada= entrada || sessionStorage.getItem('ValorEntrada');
alert("Entrada vale=>"+entrada);
if(entrada===null)
{sessionStorage.setItem(UserEntrada);
}else{
sessionStorage.setItem('ValorEntrada',entrada+sessionStorage.getItem('ValorEntrada'));
}//sessionStorage.setItem('ValorEntrada'+entrada);
alert("SessionStoreVale=>"+sessionStorage.getItem('ValorEntrada'));
}</script>
</head>
<body>
<div>SessionStorage</div>
<textarea id="entrada" onkeyup="almacenaEntrada(this.value)" > </textarea>
</body>
</html>
2.La parte/ejercicio/practica es utilizando LocalStore
Modificar el código anterior para utilizar LocalStorage. Comprobad que en este caso, aunque cierre la ventana o abra una nueva, los datos se mantienen. Añadir la posibilidad de actualizar el resto de ventanas abiertas, cada vez que se modifique el valor de la caja de texto en cualquiera de ellas.
Usando tu solucion,que te agradezco de antemano.No se matienen los datos al abrir una nueva pesataña.
Este es el codigo actual:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
<html>
<head>
<title>Ejercicio Local Store</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script>
//myStore=window.localStorage;
localStorage.setItem("ValorEntrada","");
function inputValue(entrada){
var value= entrada;var oldValue= localStorage.getItem("ValorEntrada");
var newValue="";
if(value!==null)
{newValue=localStorage.getItem("ValorEntrada")+value;
localStorage.setItem("ValorEntrada",newValue);
} }function mostrarDatos(){
var key="";
var newWindow=window.open()
//localStorage.clear();
if(localStorage.length>0){
for(var i=0;i<localStorage.length;i++){
key=localStorage[i];
}alert("LocalStoreVale"+key);
}else{
alert("localStore vale 0");
} }</script>
</head>
<body onload="mostrarDatos()">
<div>
<textarea id="input" onkeyup="inputValue(this.value)"></textarea>
</div>
</body>
</html>
La pregunta es,en este caso,como mantengo los datos o bien que forma tengo que enviarlos.
El tutoria que estoy usando no tiene seccion de ejercicios resueltos.
Gracias de antemano,saludos.
Valora esta pregunta
0
