Local Storage

{"index.html":"\n\n\n Local Storage\n \n \n\n\n\n

You have visited this site \n times!\n

\n 1. Hit Run Code a few times. Notice how it keeps\n track of how many times you have visited the page.\n
\n
\n 1. Now, go to your browser's developer tools and choose the Application\n tab.\n
\n
\n 2. Click on the drop down arrow for Local Storage and choose the \n CodeHSwebsite.\n
\n
\n 3. Filter for CodeHS if needed.\n
\n
\n 4. Find where the number of visits is stored. Change this number of by \n double-clicking the number. It must remain a number (no letters or symbols).\n
\n
\n 4. Hit Run Code again. Did it change?\n
\n
\n 5. Repeat this process to change the local storage for the items below!\n

\n My name is .\n
\n My favorite animal is a .\n
\n My hobbies are .\n
\n This activity is !\n

\n \n\n\n\n","script.js":"// Visits\nvar numTimes = localStorage.getItem(\"*****CodeHS-visits*****\");\n\nif(numTimes == null) {\n numTimes = 0;\n} else {\n numTimes = parseInt(numTimes, 10);\n}\n\nnumTimes++;\n\nlocalStorage.setItem(\"*****CodeHS-visits*****\", (numTimes).toString(10));\ndocument.getElementById(\"visits\").textContent = numTimes.toString(10);\n\n// Name\nvar student = localStorage.getItem(\"*****CodeHS-student*****\");\n\nif(student === null) {\n student = \"Karel\";\n} else {\n student = student;\n}\n\nlocalStorage.setItem(\"*****CodeHS-student*****\", student)\ndocument.getElementById(\"student\").textContent = student;\n\n// Animal\nvar animal = localStorage.getItem(\"*****CodeHS-animal*****\");\n\nif(animal === null) {\n animal = \"human\";\n} else {\n animal = animal;\n}\n\nlocalStorage.setItem(\"*****CodeHS-animal*****\", animal)\ndocument.getElementById(\"animal\").textContent = animal;\n\n// Hobbies\nvar hobbies = localStorage.getItem(\"*****CodeHS-hobbies*****\");\n\nif(hobbies === null) {\n hobbies = \"fetching and coding\";\n} else {\n hobbies = hobbies;\n}\n\nlocalStorage.setItem(\"*****CodeHS-hobbies*****\", hobbies)\ndocument.getElementById(\"hobbies\").textContent = hobbies;\n\n// Activity\nvar activity = localStorage.getItem(\"*****CodeHS-activity*****\");\n\nif(activity === null) {\n activity = \"amazing\";\n} else {\n activity = activity;\n}\n\nlocalStorage.setItem(\"*****CodeHS-activity*****\", activity)\ndocument.getElementById(\"activity\").textContent = activity;\n","style.css":".visits{\n padding:15px;\n text-align:center;\n margin:auto;\n font-size:20px;\n color:white;\n background-color:#293462;\n}\n\n.instructions{\n padding:10px;\n font-size:18px;\n background-color:#ec9b3b;\n}\n\n.student{\n padding:10px;\n background-color:#00818a;\n color:white;\n font-size:20px;\n margin:auto;\n text-align:center;\n}\n"}