Skip to main content
Corrección ortográfica y de formato
Origen Enlace
Mariano
  • 24.5k
  • 20
  • 76
  • 105

Básicamente el problema que tengo es que no sé, como cómo ocultar el input y el botón con localstorage, así cuando refresque la página no me muestre el input ni el botón, solosólo el nombre.

HTML

<span id="label-user"></span><br>
<input type="text" id="inpuname" />
<input type="button" onclick="saveLogin()" value="Save" id="save"/>
<span id="label-user"></span><br>
<input type="text" id="inpuname" />
<input type="button" onclick="saveLogin()" value="Save" id="save"/>

JSJavaScript

function saveLogin(){
  var labelUser = localStorage.getItem("usuarioname");
  $("#label-user").text(labelUser);
  localStorage.setItem( "usuarioname", document.getElementById("inpuname").value );
  document.getElementById("label-user").innerHTML += document.getElementById("inpuname").value;
};
saveLogin()

jQuery(function(){
         jQuery('#save').click(function(){
               jQuery('#inpuname').hide();
               jQuery('#save').hide();
    });
});
function saveLogin(){
  var labelUser = localStorage.getItem("usuarioname");
  $("#label-user").text(labelUser);
  localStorage.setItem( "usuarioname", document.getElementById("inpuname").value );
  document.getElementById("label-user").innerHTML += document.getElementById("inpuname").value;
};
saveLogin()

jQuery(function(){
         jQuery('#save').click(function(){
               jQuery('#inpuname').hide();
               jQuery('#save').hide();
    });
});

Código https://jsfiddle.net/JDLA1/zfgjr41s/18/

Básicamente el problema que tengo es que no sé, como ocultar el input y el botón con localstorage, así cuando refresque la página no me muestre el input ni el botón, solo el nombre.

HTML

<span id="label-user"></span><br>
<input type="text" id="inpuname" />
<input type="button" onclick="saveLogin()" value="Save" id="save"/>

JS

function saveLogin(){
  var labelUser = localStorage.getItem("usuarioname");
  $("#label-user").text(labelUser);
  localStorage.setItem( "usuarioname", document.getElementById("inpuname").value );
  document.getElementById("label-user").innerHTML += document.getElementById("inpuname").value;
};
saveLogin()

jQuery(function(){
         jQuery('#save').click(function(){
               jQuery('#inpuname').hide();
               jQuery('#save').hide();
    });
});

Código https://jsfiddle.net/JDLA1/zfgjr41s/18/

Básicamente el problema que tengo es que no sé cómo ocultar el input y el botón con localstorage, así cuando refresque la página no me muestre el input ni el botón, sólo el nombre.

HTML

<span id="label-user"></span><br>
<input type="text" id="inpuname" />
<input type="button" onclick="saveLogin()" value="Save" id="save"/>

JavaScript

function saveLogin(){
  var labelUser = localStorage.getItem("usuarioname");
  $("#label-user").text(labelUser);
  localStorage.setItem( "usuarioname", document.getElementById("inpuname").value );
  document.getElementById("label-user").innerHTML += document.getElementById("inpuname").value;
};
saveLogin()

jQuery(function(){
         jQuery('#save').click(function(){
               jQuery('#inpuname').hide();
               jQuery('#save').hide();
    });
});

Código https://jsfiddle.net/JDLA1/zfgjr41s/18/

BasicamenteBásicamente el problema que tengo es que no se, como ocultar el inputinput y el botonbotón con localstoragelocalstorage, asiasí cuando refresque la paginapágina no me muestre el inputinput ni el botonbotón, solo el nombre.

HTML

<span id="label-user"></span><br>
<input type="text" id="inpuname" />
<input type="button" onclick="saveLogin()" value="Save" id="save"/>

JS

function saveLogin(){
  var labelUser = localStorage.getItem("usuarioname");
  $("#label-user").text(labelUser);
  localStorage.setItem( "usuarioname", document.getElementById("inpuname").value );
  document.getElementById("label-user").innerHTML += document.getElementById("inpuname").value;
};
saveLogin()

jQuery(function(){
         jQuery('#save').click(function(){
               jQuery('#inpuname').hide();
               jQuery('#save').hide();
    });
});

CodigoCódigo https://jsfiddle.net/JDLA1/zfgjr41s/18/

Basicamente el problema que tengo es que no se, como ocultar el input y el boton con localstorage, asi cuando refresque la pagina no me muestre el input ni el boton, solo el nombre.

HTML

<span id="label-user"></span><br>
<input type="text" id="inpuname" />
<input type="button" onclick="saveLogin()" value="Save" id="save"/>

JS

function saveLogin(){
  var labelUser = localStorage.getItem("usuarioname");
  $("#label-user").text(labelUser);
  localStorage.setItem( "usuarioname", document.getElementById("inpuname").value );
  document.getElementById("label-user").innerHTML += document.getElementById("inpuname").value;
};
saveLogin()

jQuery(function(){
         jQuery('#save').click(function(){
               jQuery('#inpuname').hide();
               jQuery('#save').hide();
    });
});

Codigo https://jsfiddle.net/JDLA1/zfgjr41s/18/

Básicamente el problema que tengo es que no , como ocultar el input y el botón con localstorage, así cuando refresque la página no me muestre el input ni el botón, solo el nombre.

HTML

<span id="label-user"></span><br>
<input type="text" id="inpuname" />
<input type="button" onclick="saveLogin()" value="Save" id="save"/>

JS

function saveLogin(){
  var labelUser = localStorage.getItem("usuarioname");
  $("#label-user").text(labelUser);
  localStorage.setItem( "usuarioname", document.getElementById("inpuname").value );
  document.getElementById("label-user").innerHTML += document.getElementById("inpuname").value;
};
saveLogin()

jQuery(function(){
         jQuery('#save').click(function(){
               jQuery('#inpuname').hide();
               jQuery('#save').hide();
    });
});

Código https://jsfiddle.net/JDLA1/zfgjr41s/18/

Origen Enlace
Juan David
  • 327
  • 4
  • 10

Usando localStorage para ocultar un div

Basicamente el problema que tengo es que no se, como ocultar el input y el boton con localstorage, asi cuando refresque la pagina no me muestre el input ni el boton, solo el nombre.

HTML

<span id="label-user"></span><br>
<input type="text" id="inpuname" />
<input type="button" onclick="saveLogin()" value="Save" id="save"/>

JS

function saveLogin(){
  var labelUser = localStorage.getItem("usuarioname");
  $("#label-user").text(labelUser);
  localStorage.setItem( "usuarioname", document.getElementById("inpuname").value );
  document.getElementById("label-user").innerHTML += document.getElementById("inpuname").value;
};
saveLogin()

jQuery(function(){
         jQuery('#save').click(function(){
               jQuery('#inpuname').hide();
               jQuery('#save').hide();
    });
});

Codigo https://jsfiddle.net/JDLA1/zfgjr41s/18/