JSFiddle - React, Tailwind, and code Playground

HTML

<div class="keys"></div>
<a>Clear</a>

JavaScript

var counter = 0;
var title = "Test";

test(title);

function test(title) {
    var newTitle = title; if( counter > 0 ) newTitle += " " + counter;
    console.log("counter = " + counter);
    if (localStorage.getItem( newTitle )) {

        counter = counter + 1;

        console.log("found " + newTitle);
        console.log("found " + counter);

        test(title);
    } else {
        console.log("not found " + newTitle);
        console.log("not found " + counter);
        localStorage.setItem( newTitle, " " );
        load();
    }
}

function load() {
    for (var key in keys(localStorage)) {
        $(".keys").append(key + "<br />");
    }
}

function keys(obj)
{
    var keys = [];

    for(var key in obj)
    {
        if(obj.hasOwnProperty(key))
        {
            keys.push("Test");
        }
    }

    return keys;
}

$("a").click(function(){
   localStorage.clear(); 
   $(".keys").html("");
   load();
});