Soy nuevo en el uso de almacenamiento local. ¿Alguien puede enseñarme cómo puedo obtener el valor que he colocado en el área de texto? Una vez que haga clic en el botón Listo, se almacenará en la clase .result . Además, una vez que haya ingresado nuevamente, ¿hay otro que se almacenará nuevamente en la clase .result ? Por favor alguien me puede ayudar con esto?
$(".Done").on("click", function() { var test = $(".title").val(); localStorage.setItem("title", test); }); .result { color: red; } <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <textarea class="title"></textarea> <div class="Done">Done</div> <div class="result"></div>Para lograr tu objetivo necesitas hacer dos cosas. En primer lugar, configure el text() de .result según el valor en el área de textarea cuando se hace clic en el botón.
En segundo lugar, debe verificar si el title está configurado en el almacenamiento local cuando se carga la página y, si lo está, establezca el valor de .result con ese contenido.
La lógica se vería así:
let setResult = title => $('.result').text(title || ''); jQuery($ => { setResult(localStorage.getItem('title')); // set on load $(".Done").on("click", function() { let title = $(".title").val(); setResult(title); // set on click localStorage.setItem("title", title); }); });Aquí hay un ejemplo de trabajo en jsFiddle , ya que el editor de fragmentos de SO está aislado y no permite el acceso al almacenamiento local.