Skip to main content

Usando localStorage para ocultar un div

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/

Juan David
  • 327
  • 4
  • 10