JSFiddle - React, Tailwind, and code Playground

by wstolarski_consdata

JavaScript

const dbName = 'MyDatabase'
const dbVersion = 1 

//Open database. If the database does not exist, it will be created
const request = indexedDB.open(dbName, dbVersion);

const clientsObjectStoreKey = 'Customers';


request.onupgradeneeded = () => {
  console.log('Database schema defined');

//Creating the 'Customers' object store, using the 'id' field as the key, if it does not exist in the database.
  let db = request.result;
  
  if (!db.objectStoreNames.contains('Customers')) {
  	db.createObjectStore(clientsObjectStoreKey, { keyPath: 'id' });
  }
  
}


request.onsuccess = function(event) {
  const db = request.result;

// Starting the transaction on the object store
  const transaction = db.transaction(clientsObjectStoreKey, 'readwrite');
  const clients = transaction.objectStore(clientsObjectStoreKey);

  // Adding data to the object store
  const client = { id: 1, name: 'Jan', surname: 'Kowalski' };
  const transactioRequest = clients.add(client);

  request.onsuccess = function(event) {
    console.log('The customer has been added to the object store');
  };

  // Transaction completion
  transaction.oncomplete = function(event) {
    console.log('The transaction has been completed');
  };
}