JSFiddle - React, Tailwind, and code Playground

by RXBeat

HTML

<textarea id="user1" style="margin-bottom: 4px; width: 250px; height: 20px">
</textarea><br />

<textarea id="user2" style="margin-bottom: 4px; width: 250px; height: 20px">
</textarea><br />




<br><br>

<button id="save">Save</button>

JavaScript

// ----------------------------------------------------------------------

if (localStorage["user1"])
{
    var user1 = localStorage["user1"] ;
    document.getElementById("user1").value = user1 ;
    alert("you are already a user1")
}
else
{
    document.getElementById("user1").placeholder = "your gmail address" ;
    console.log("user no found in localStorage")
}

//save entered gmail address
document.getElementById("save").addEventListener("click", function ()
    {
        var user1 = document.getElementById("user1").value ;
        //localStorage["user"] = user ;
        localStorage.setItem("user1", user1) ;
        alert("gmail id saved") ;
        console.log("gmail id saved")
    } , false);
    
    
    

// ----------------------------------------------------------------------

if (localStorage["user2"])
{
    var user2 = localStorage["user2"] ;
    document.getElementById("user2").value = user2 ;
    alert("you are already a user2")
}
else
{
    document.getElementById("user2").placeholder = "your gmail address" ;
    console.log("user2 no found in localStorage")
}

//save entered gmail address
document.getElementById("save").addEventListener("click", function ()
    {
        var user2 = document.getElementById("user2").value ;
        //localStorage["user"] = user ;
        localStorage.setItem("user2", user2) ;
        alert("gmail id saved") ;
        console.log("gmail id saved")
    } , false);