{"id":20285510,"url":"https://github.com/iftekheraziz/practice-browser-api","last_synced_at":"2026-05-28T13:31:34.636Z","repository":{"id":170310065,"uuid":"612520224","full_name":"IftekherAziz/Practice-Browser-API","owner":"IftekherAziz","description":"Practice Browser API","archived":false,"fork":false,"pushed_at":"2023-05-28T11:23:27.000Z","size":12,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-04T04:09:58.443Z","etag":null,"topics":["browser-api","chrome-devtools","css3","debugging","debugging-tool","html5","javascript"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/IftekherAziz.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-03-11T07:25:36.000Z","updated_at":"2023-05-28T11:25:08.000Z","dependencies_parsed_at":"2024-07-27T11:02:15.652Z","dependency_job_id":null,"html_url":"https://github.com/IftekherAziz/Practice-Browser-API","commit_stats":null,"previous_names":["iftekheraziz/practice-browser-api"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/IftekherAziz/Practice-Browser-API","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/IftekherAziz%2FPractice-Browser-API","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/IftekherAziz%2FPractice-Browser-API/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/IftekherAziz%2FPractice-Browser-API/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/IftekherAziz%2FPractice-Browser-API/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/IftekherAziz","download_url":"https://codeload.github.com/IftekherAziz/Practice-Browser-API/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/IftekherAziz%2FPractice-Browser-API/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":33611248,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-05-28T02:00:06.440Z","response_time":99,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["browser-api","chrome-devtools","css3","debugging","debugging-tool","html5","javascript"],"created_at":"2024-11-14T14:27:10.192Z","updated_at":"2026-05-28T13:31:34.620Z","avatar_url":"https://github.com/IftekherAziz.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# ✅ Local storage and session storage are two different ways of storing data in a user's web browser. **Here are the main differences between the two**:\n\n1. **Scope**: Session storage data is only available during the current browsing session, whereas local storage data persists even after the browser is closed and reopened.\n2. **Capacity**: Session storage typically has a smaller capacity than local storage, ranging from a few kilobytes to several megabytes, depending on the browser. Local storage can typically store several megabytes to several gigabytes of data.\n3. **Accessibility**: Session storage data can only be accessed by the window/tab that created it. Local storage data can be accessed across different tabs/windows in the same browser as long as they belong to the same domain.\n4. **Expiration**: Session storage data is deleted when the user closes the browser or the tab/window that created it. Local storage data can have an expiration time, but it can also be persistent, meaning it stays until it is manually deleted or cleared.\n5. **Usage**: Session storage is often used to store temporary data that is only needed during the current browsing session, such as a user's shopping cart in an e-commerce website. Local storage is often used to store long-term data, such as user preferences, settings, or cached data for offline use.\n\nOverall, the choice between session storage and local storage depends on the type and lifespan of the data you need to store.\n\n# Practice Task for Local Storage: Level 1\n\n1. How to clear local storage ?\n\n\u003e\u003e localStorage.clear();\n\n2. Set a local storage item: key: name, value: Sakib Khan\n\n\u003e\u003e localStorage.setItem('name', 'Sakib Khan');\n\n3. Set a local storage item: key: age, value: 40\n\n\u003e\u003e localStorage.setItem('age', 40);\n\n4. Get the local storage item you have set.\n\n\u003e\u003e localStorage.getItem('name', 'age');\n\n5. Remove the local storage item: key 'name' \u0026 key 'age'\n\n\u003e\u003e localStorage.removeItem('name');\n\u003e\u003e localStorage.removeItem('age');\n\n6. Set a object as a local storage item. The object is {\n    firstName: 'John', lastName: 'Doe'\n}\n\n\u003e\u003e const user = {\n  firstName: 'John',\n  lastName: 'Doe'\n};\n\n   localStorage.setItem('user', JSON.stringify(user));\n\n// To get those values:\n\n\u003e\u003e const storedUser = localStorage.getItem('user');\n   const userObj = JSON.parse(storedUser);\n\n   console.log(userObj); \n\n\n# Practice task for local storage: Level 2\n\nStep 1: Html file will have a p tag and a button\n\nSetp 2: The p tag will show 'the count ' which is initially 0(initially the value of the local storage is 0)\n\nStep 3: Every time, after click on the button , the number will be increased by 1 \u0026 the result will be shown in the p tag.\n\nStep 4: With every click on the button, the result will be stored in the local storage also.\n\nStep 5: Now the result is stored in the local storage , so if you reload the page or close the tab \u0026 open again , the result of the  \"the count \" is not 0 .Rather it will show the value from local storage without reset.\n\n# Practice task for local storage: Level 3\n\nStep 1: Create a form like the picture.\n\nStep 2: Take the inputs\n\nStep 3: If you click on the \"Send name\" button then the name will be set on the local storage .Do the same for other button.\n\nStep 4: If you click on the \"Delete name\" button the name key and the value will be deleted from the local storage.Do the same for other button.\n\nStep 5: If you click on the \"Reset \" button then the key \u0026 value will be reset from the local storage.\n\n# Practice task for local storage: Level 4\n\nStep 1: All the task are same as above.\n\nStep 2: Add a new button before reset button called \" Send\".\n\nStep 3: If you click on the \"Send \" button , all of the inputs (name, email and message) will be sent to the local storage at the same time.\n\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fiftekheraziz%2Fpractice-browser-api","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fiftekheraziz%2Fpractice-browser-api","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fiftekheraziz%2Fpractice-browser-api/lists"}