помогите реализовать localStorage
Добрый день, не могли бы вы помочь реализовать localstorage, что бы он запоминал последнюю смену фона после перезапуска страницы
<!DOCTYPE HTML> <html> <head> <title>Untitled</title> <style type="text/css"> body{ } </style> <meta charset="utf-8"> <script> function change_color(obj) { obj.value && (document.body.style.backgroundColor = obj.value); } </script> </head> <body> <button class="color" id="red" name="button" value="red" onclick='change_color(this)'>red</button> <button class="color" id="orange" name="button" value="orange" onclick='change_color(this)'>orange</button> </form> </body> </html> |
obi_van_banan,
Пожалуйста, отформатируйте свой код! Для этого его можно заключить в специальные теги: js/css/html и т.п., например: [js] ... ваш код... [/js] О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting. |
<button class="color" id="red" name="button" value="red" onclick='change_color(this.value)'>red</button> <button class="color" id="orange" name="button" value="orange" onclick='change_color(this.value)'>orange</button> function change_color(color) { if(color) { document.body.style.backgroundColor = color; window.localStorage.setItem('bgColor', color); } } window.addEventListener('DOMContentLoaded', change_color.bind(null, window.localStorage.getItem('bgColor'))); |
obi_van_banan,
<!DOCTYPE HTML> <html> <head> <title>Untitled</title> <style type="text/css"> body{ } </style> <meta charset="utf-8"> <script> window.addEventListener('DOMContentLoaded', function() { var x = localStorage.x; x && change_color({value : x}) }); function change_color(obj) { obj.value && (document.body.style.backgroundColor = obj.value) && (localStorage.x = obj.value); } </script> </head> <body> <button class="color" id="red" name="button" value="red" onclick='change_color(this)'>red</button> <button class="color" id="orange" name="button" value="orange" onclick='change_color(this)'>orange</button> </body> </html> |
Спасибо!!
|
Часовой пояс GMT +3, время: 23:42. |