Creé un reloj basado en una zona horaria de fantasía. Luego creé una "alarma" que ejecutará una alerta si se marca una casilla de verificación.
Estoy tratando de usar el almacenamiento local para que la casilla de verificación sea persistente en la recarga de la página, de modo que las personas puedan ir a otras páginas del sitio web o actualizar sin tener que marcar la casilla cada vez.
Sin embargo, parece que no puedo hacer que funcione y he tenido muchas preguntas similares, como esta: cómo mantener marcada la casilla de verificación después de actualizar la página
Aquí hay un codepen del código que tengo: http://codepen.io/anon/pen/xqRWJM?editors=1111
Aquí está el código html para la casilla de verificación:
<div id="alert">Alert me when it's night time: <input id="alertme" type="checkbox"></input> </div>He creado un bolígrafo simple para usted que demuestra cómo guardar el estado de la casilla de verificación con la API LocalStorage. Esperamos que pueda adaptar esto para satisfacer sus necesidades específicas.
http://codepen.io/oculusriff/pen/RpoJWQ ?
HTML
<input type="checkbox" id="test" /> <label for="test">Test</label>JavaScript
function App() {} App.prototype.setState = function(state) { localStorage.setItem('checked', state); } App.prototype.getState = function() { return localStorage.getItem('checked'); } function init() { var app = new App(); var state = app.getState(); var checkbox = document.querySelector('#test'); if (state == 'true') { checkbox.checked = true; } checkbox.addEventListener('click', function() { app.setState(checkbox.checked); }); } init();Saludos, Josh