<!DOCTYPE html>
<html>
<head>
<style>
body {
text-align: center;
}
h1 {
color: green;
}
</style>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h2>HTML DOM Storage clear() Method</h2>
<p>
Example to demonstrate the use of storage
clear() method to delete all the local
storage items for this domain.
</p>
<p>
Script to create some local storage items.
Click the button to create the items:
</p>
<button onclick="createItems()">
Create local storage items
</button>
<h2>Display Items</h2>
<p>
Click the button to display all the items:
</p>
<button onclick="displayItems()">
Display items
</button>
<p id="demo"></p>
<h2>Remove Items</h2>
<p>
Click the button to clear the storage:
</p>
<button onclick="deleteItems()">
Clear
</button>
<h2>Display Items Again</h2>
<p>
Click the button to display all the items:
</p>
<button onclick="displayItems()">
Display again
</button>
<p id="demo"></p>
<script>
function createItems() {
// Set item in local storage.
localStorage.setItem("GeeksForGeeks", "");
localStorage.setItem("HTML DOM", "");
localStorage.setItem("Storage Clear() Method", "");
}
function deleteItems() {
// Clear local storage items.
localStorage.clear();
}
function displayItems() {
var l, i;
// Display items.
document.getElementById("demo").innerHTML = "";
for (i = 0; i < localStorage.length; i++) {
x = localStorage.key(i);
document.getElementById("demo").innerHTML += x;
}
}
</script>
</body>
</html>