Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <script
- src="https://code.jquery.com/jquery-3.3.1.min.js"
- integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="
- crossorigin="anonymous"></script>
- </head>
- <body>
- first page
- <button type="button" class="color black" data-color="000000">black</button>
- <button type="button" class="color red" data-color="FF0000">red</button>
- <button type="button" class="color blue" data-color="0000FF">blue</button>
- <script>
- $(document).ready(function(){
- var storage = localStorage;
- if (storage.getItem('color')) {
- $('body').css({'background-color' : '#' + storage.getItem('color')});
- }
- $('.color').on('click', function(){
- var color = $(this).data('color');
- $('body').css({'background-color' : '#' + color});
- storage.setItem('color', color);
- });
- });
- </script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement