fkmhrk/index.html

## index.html
<html>
  <head>
    <meta charset="utf-8" />
  </head>
  <body>
    <script type="text/javascript">
      const openIndexedDB = (name, version, onupgradeneeded) =>
        new Promise((resolve, reject) => {
          const r = indexedDB.open(name, version);
          r.onupgradeneeded = (ev) => {
            const db = ev.target.result;
            onupgradeneeded(db);
          };
          r.onsuccess = (ev) => resolve(ev.target.result);
          r.onerror = (ev) => reject(ev);
        });
      const putData = (db, storeName, value) =>
        new Promise((resolve, reject) => {
          const tr = db.transaction([storeName], "readwrite");
          const store = tr.objectStore(storeName);
          const request = store.put(value);

          tr.oncomplete = () => resolve();
          tr.onerror = (err) => reject(err);
        });
      const getAll = (db, storeName) =>
        new Promise((resolve, reject) => {
          const tr = db.transaction([storeName]);
          const store = tr.objectStore(storeName);
          const request = store.getAll();

          request.onsuccess = (ev) => resolve(ev.target.result);
          request.onerror = (err) => reject(err);
        });
      const getByKey = (db, storeName, key) =>
        new Promise((resolve, reject) => {
          const tr = db.transaction([storeName]);
          const store = tr.objectStore(storeName);
          const request = store.get(key);

          request.onsuccess = (ev) => resolve(ev.target.result);
          request.onerror = (err) => reject(err);
        });
      (async () => {
        const db = await openIndexedDB("test", 1, (db) => {
          db.createObjectStore("myStore", { keyPath: "id" });
        });
        await putData(db, "myStore", { id: "1234", name: "moke" });
        const items = await getAll(db, "myStore");
        console.log(items);
        const item = await getByKey(db, "myStore", "1234");
        console.log(item);
      })();
    </script>
  </body>
</html>
	<html>
	<head>
	<meta charset="utf-8" />
	</head>
	<body>
	<script type="text/javascript">
	const openIndexedDB = (name, version, onupgradeneeded) =>
	new Promise((resolve, reject) => {
	const r = indexedDB.open(name, version);
	r.onupgradeneeded = (ev) => {
	const db = ev.target.result;
	onupgradeneeded(db);
	};
	r.onsuccess = (ev) => resolve(ev.target.result);
	r.onerror = (ev) => reject(ev);
	});
	const putData = (db, storeName, value) =>
	new Promise((resolve, reject) => {
	const tr = db.transaction([storeName], "readwrite");
	const store = tr.objectStore(storeName);
	const request = store.put(value);

	tr.oncomplete = () => resolve();
	tr.onerror = (err) => reject(err);
	});
	const getAll = (db, storeName) =>
	new Promise((resolve, reject) => {
	const tr = db.transaction([storeName]);
	const store = tr.objectStore(storeName);
	const request = store.getAll();

	request.onsuccess = (ev) => resolve(ev.target.result);
	request.onerror = (err) => reject(err);
	});
	const getByKey = (db, storeName, key) =>
	new Promise((resolve, reject) => {
	const tr = db.transaction([storeName]);
	const store = tr.objectStore(storeName);
	const request = store.get(key);

	request.onsuccess = (ev) => resolve(ev.target.result);
	request.onerror = (err) => reject(err);
	});
	(async () => {
	const db = await openIndexedDB("test", 1, (db) => {
	db.createObjectStore("myStore", { keyPath: "id" });
	});
	await putData(db, "myStore", { id: "1234", name: "moke" });
	const items = await getAll(db, "myStore");
	console.log(items);
	const item = await getByKey(db, "myStore", "1234");
	console.log(item);
	})();
	</script>
	</body>
	</html>