JSFiddle - React, Tailwind, and code Playground

JavaScript

//Creating an indexDB - Used to store users information.  
window.indexedDB = window.indexedDB || window.mozIndexedDB || window.webkitIndexedDB || window.msIndexedDB;

//If the user doesnt support indexedDB then run..
if (!window.indexedDB ) {

  alert("Please use a supported browser");

//If browser supports then run
}else{

  alert('Your browser supports');

  //Create a profile database
  var database = indexedDB.open("ProfileDatabase", 1);

  //Do something if error occurs to create it 
  database.onerror = function( event ){

    alert('Error creating database');

  }

  //If the database is created run.
  database.onsuccess = function( event ){

    var db = event.target.result; 

    var transaction = db.transaction( ["books", 'readwrite']);

    transaction.objectStore("books").add(book1);

  }

  //Create a a varbile to store info that needs to be added to database.
  var book1 = { isbn: "028", name: "Programming"};

  //On upgrade needed.
  database.onupgradeneeded = function ( event ){

  var db = event.target.result;

  alert('Run onupgradeneeded');

  //
  if (!db.objectStoreNames.contains("books") ) {

      //Add to indexDB
      db.createObjectStore("books", { keypath: "isbn"});
    
    }

  }





// End of else
}