---
title: "How to store data locally in HTML5 without using any server side languages?"
description: "How to store data locally in HTML5 without using any server side languages?"
author: "Gurmeet Kaur"
published: 2018-11-17
canonical: https://answers.mindstick.com/qa/51734/how-to-store-data-locally-in-html5-without-using-any-server-side-languages
category: "programming"
tags: ["html5"]
reading_time: 2 minutes
---
# How to store data locally in HTML5 without using any server side languages?
How to [store](https://www.mindstick.com/interview/1205/what-is-the-command-to-take-backup-and-restore-for-sharepoint-site) [data](https://www.mindstick.com/articles/23186/how-becoming-a-data-analyst-can-be-a-lucrative-career) locally in [HTML5](https://www.mindstick.com/articles/1535/offline-add-edit-delete-data-in-html5-indexeddb) without using any [server](https://www.mindstick.com/articles/710/apache-server-installation-on-windows) side [languages](https://www.mindstick.com/news/2191/the-ai-that-meta-promotes-can-translate-spoken-only-languages)?
## Answers
### Answer by Arti Mishra
**“Using WebStorage API”** WebStorage is a **powerful API by which you can store the data locally within the user’s browser.** Before the HTML5, session & cookies are used to manage by the server side language. But webstorage **increase the speed and performance of the webpage** because **it stores the data locally on the browser** & also **stores the unlimited amount of data** without affecting website performance. Unlike cookies, the storage limit is for larger (at least 5MB) and the information is never transferred to the server. \
\
\
WebStorage performs by the help of **“Storage” class** in two formats.
- localStorage
- sessionStorage
\
**localStorage :** It works as cookie’s, that **stores data permanently and the expiration time is zero.** **\** **sessionStorage :** In sessionStorage, the **information stored as a session and the expiration time is till when the browser is open.** **\** **Function of WebStorage Class :** **1. setItem()** Syntax :-obj.setItem(“key”,”value”); **2. getItem()**\
Syntax :- Variable name=obj.getItem(“key”); **3. removeItem()** Syntax:- obj.removeItem(“key”); \
**Example :- Store user name & password using localStorage API.** **\**
```
```
\
**Example :- Count total number of click using session storage.** **\**
```