JSFiddle - React, Tailwind, and code Playground

HTML

<div id="saveBox">
                        <table>
                            <tr>
                                <td class="leftCell"><label for="fname">First Name</label></td>
                                <td class="rightCell"><input type="text" value="" id="fname" name="fname" /></td>
                            </tr>
                            <tr>
                                <td class="leftCell"><label for="lname">Last Name</label></td>
                                <td class="rightCell"><input type="text" value="" id="lname" name="lname" /></td>
                            </tr>
                            
                            
                        </table>
                        <a href="#" class="save button">Save</a>
                        <a href="#" class="search button">Search</a>
                    
                    
                </div>    
<div>USERS</div>
<div id="users"><ul></ul></div>
<div>SEARCH RESULTS</div>
                <div id="results"><ul></ul></div>

CSS

td{
    padding:5px;
}
div{
    padding:15px 5px;
}
a{
    padding:5px 10px;
    background:yellow;
}
li{
    margin-top:10px;
}

JavaScript

var phodaDB = {};
    var indexedDB = window.indexedDB || window.webkitIndexedDB || window.mozIndexedDB || window.moz_indexedDB;
    if ('webkitIndexedDB' in window) {
        window.IDBCursor = window.webkitIDBCursor;
        window.IDBDatabase = window.webkitIDBDatabase;
        window.IDBDatabaseError = window.webkitIDBDatabaseError;
        window.IDBDatabaseException = window.webkitIDBDatabaseException;
        window.IDBErrorEvent = window.webkitIDBErrorEvent;
        window.IDBEvent = window.webkitIDBEvent;
        window.IDBFactory = window.webkitIDBFactory;
        window.IDBIndex = window.webkitIDBIndex;
        window.IDBKeyRange = window.webkitIDBKeyRange;
        window.IDBObjectStore = window.webkitIDBObjectStore;
        window.IDBRequest = window.webkitIDBRequest;
        window.IDBSuccessEvent = window.webkitIDBSuccessEvent;
        window.IDBTransaction = window.webkitIDBTransaction;
        window.indexedDB = window.webkitIndexedDB;
      }
      
    phodaDB.indexedDB = {};
    phodaDB.indexedDB.db = null;
    
    phodaDB.indexedDB.onerror = function(e){
        console.log(e);
    }
    
    phodaDB.indexedDB.open = function(){
        var request = indexedDB.open("userData");
        
        request.onsuccess = function(e){
            var v = "2";
            phodaDB.indexedDB.db = e.target.result;
            var db = phodaDB.indexedDB.db;
            
            //object stores are created in setVersion transactions
            if(v!=db.version){
                var setVrequest = db.setVersion(v);
                
                //object store is created onsuccess
                setVrequest.onerror = phodaDB.indexedDB.onerror;
                
                setVrequest.onsuccess = function(e){
                    if(db.objectStoreNames.contains("userData")){
                        db.deleteObjectStore("userData");
                    }
                    var store = db.createObjectStore("userData",{autoIncrement:true});
         ...