JSFiddle - React, Tailwind, and code Playground

by juberti

HTML

<button onclick="idb_log('foo')">
Log
</button>

JavaScript

var db;
var request = indexedDB.open('log_db', 2);
request.onerror = (e) => console.log('Database open failed');
request.onsuccess = () => {
  console.log('Database opened succesfully');
  db = request.result;
};
request.onupgradeneeded = function(e) {
  let db = e.target.result;
  let os = db.createObjectStore('log_os', { keyPath: 'timestamp' });
  os.createIndex('value', 'value', { unique: false });
  console.log('Database setup complete');
};

function idb_log(str) {
  let newItem = { timestamp: performance.now(), value: str };
  let transaction = db.transaction(['log_os'], 'readwrite');
  let os = transaction.objectStore('log_os');
  var request = os.add(newItem);
  request.onsuccess = () => {}
  transaction.oncomplete = () => {}
}