JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <button onclick="addStorage()">Add Storage</button>
    <button onclick="checkStorage()">Check Storage</button>
    <button onclick="deleteStorage()">Delete Storage</button>
</div>
<div>
    <p>Drag and drop this link into your bookmark bar:</p>
    <a href="javascript:localStorage.clear();">Bookmark to delete localStorage</a>
    <p>[It will not work on this page because it is a frame, but you can check it on any other page that uses localStorage.]</p>
    <p>Run this code to view the localStorage values on the page:</p>
    <pre>        for (var i = 0; i < localStorage.length; i++){
            console.log(localStorage[ localStorage.key(i) ]);
        }</pre>
    <p>Then click on the "Bookmark ro delete localStorage" from your bookmark toolbar, and run the code above again. The localStorage values are gone! :)</p>
</div>

CSS

a {
    display:inline-block;
    border:1px solid #ccc;
    background:#f0f0f0;
    padding:8px 12px;
    color:#666;
    text-decoration:none;
}

p:first-child {
    margin-top:40px;
}

JavaScript

function addStorage() {
    localStorage["aux"] = "YAY!";
}

function checkStorage() {
    alert(localStorage["aux"]);
}

function deleteStorage() {
    localStorage.clear();
}