JSFiddle - React, Tailwind, and code Playground

by adil_invideo

JavaScript

const users = [{
    userId: 1,
    name: "adil",
    age: 29
  },
  {
    userId: 2,
    name: "john",
    age: 30
  }
]
var request = window.indexedDB.open("MyTestDatabase");
request.onupgradeneeded = function(event) {
  console.log(event.target.result);
  const db = event.target.result;
  const store = db.createObjectStore("users", {
    keyPath: "userId"
  });
  console.log("store", store.transaction)
  let it = store.createIndex("userId", "userId", {
    unique: true
  });
  console.log("index",it);
}

request.onsuccess = function(event) {
    console.log(event.target.result);
  const db = event.target.result;
  var transaction = db.transaction("users", "readwrite");
  transaction.oncomplete = function(event) {

    console.log("All Transactions done!");
      console.log(event);
  };

  transaction.onerror = function(event) {
    // Don't forget to handle errors!
   // console.log("Transactions error!");
  };
  var objectStore = transaction.objectStore("users");
  users.forEach(it => {
    const request = objectStore.put(it);
    console.log("-------");
    console.log(request);
    request.onsuccess = function(event) {
     // console.log("USER ADDED SUCCESS FULLY")
    };
    request.onerror = function(event) {
     // console.log("USER ENTRY FAILED");
      
    };
  })
};

request.onerror = function(event) {
  console.log("OPEN FAILED");
  console.log(event);
};