Quiero tener un botón que alterna algo dentro y fuera de localStorage (se hace clic una vez y agrega algo a localStorage, se vuelve a hacer clic y ese algo desaparece de localStorage). Quiero hacer algo como el siguiente código, pero alternando "estado" en lugar de configurarlo de forma permanente.
Bueno. No sé si te tengo o no. Aquí hay una solución..
Primero estoy tomando un botón:
<button>Toggle</button>Luego, use algunos scripts para alternar (agregar, eliminar) el elemento dentro de localsotrage.
<script> const button = document.querySelector("button"); button.addEventListener("click", function(){ const item = localStorage.getItem('info'); if (!item){ localStorage.setItem('info', 'Hello World') }else{ localStorage.removeItem('info') } }) </script> dentro de este script se ha implementado un método simple. Al principio estoy tomando un valor de localstorage. Dentro de la condición if/else cuando el valor item es falso, agregará el elemento al almacenamiento local. Cuando sea cierto, se eliminará de localStorage.