enfas
Exploit Chainer
LEVEL 1
200 XP
Accessing Local Storage
Chrome: To access Local Storage in Chrome, do the ff steps:
1. Go to the page that you want to open local storage.
2. Press F12 console command and click Resources or Application.
3. Click local storage and click the name of the site.
Firefox: To access Local Storage in Firefox, do the ff steps:
1. Go to the page that you want to open local storage.
2. Press F12 console command and click Storage.
3. 3. Click local storage and click the name of the site.
As you can see, local storage consist of two columns. The first column is the key, then the second column is the value.
Creating our Example
This is the Full HTML of our example.
In here, we have set up that upon clicking Add to Storage button, addStorage function is called that adds data to our local storage with a set key of myItem and the value is the value the user type in our prepared textbox.
Then, if the user click Alert Value button, retrieveStorage function is called that retrieves data from our local storage with our set key and alerts it.
Note: Keys are unique in local storage, so if you add new item to local storage with existing key, the value of that key will be modified instead.
That ends this tutorial. Happy Coding :)
Download
Chrome: To access Local Storage in Chrome, do the ff steps:
1. Go to the page that you want to open local storage.
2. Press F12 console command and click Resources or Application.
3. Click local storage and click the name of the site.
Firefox: To access Local Storage in Firefox, do the ff steps:
1. Go to the page that you want to open local storage.
2. Press F12 console command and click Storage.
3. 3. Click local storage and click the name of the site.
As you can see, local storage consist of two columns. The first column is the key, then the second column is the value.
Creating our Example
This is the Full HTML of our example.
- <!DOCTYPE html>
- <html
>
- <head
>
- <title
>
Local Storage Add and Retrieve using Javascript</
title
>
- </
head
>
- <body
>
- <input
type
=
"text"
id
=
"myInput"
><button
type
=
"button"
onClick
=
"addStorage()"
>
Add to Storage</
button
>
- <button
type
=
"button"
onClick
=
"retrieveStorage()"
>
Alert Value</
button
>
- <script
type
=
"text/javascript"
>
- function addStorage(){
- var input = document.getElementById("myInput");
- var item = input.value;
- localStorage.setItem("myItem", item);
- input.value = '';
- }
- function retrieveStorage(){
- var item = localStorage.getItem("myItem");
- alert(item);
- }
- </
script
>
- </
body
>
- </
html
>
In here, we have set up that upon clicking Add to Storage button, addStorage function is called that adds data to our local storage with a set key of myItem and the value is the value the user type in our prepared textbox.
Then, if the user click Alert Value button, retrieveStorage function is called that retrieves data from our local storage with our set key and alerts it.
Note: Keys are unique in local storage, so if you add new item to local storage with existing key, the value of that key will be modified instead.
That ends this tutorial. Happy Coding :)
Download
You must upgrade your account or reply in the thread to view hidden text.