razvanbugoi / indexeddbprototype

Basic implementation of IndexedDB and how to use data stored in it to modify DOM

IndexedDBPrototype

This prototype allow users to add data that will be saved in IndexedDB and then displayed on the screen once the 'ADD' button is pressed.

Have a look below for a quick demonstration on it's usage:

indexeddbprototype's Issues

Organize repository files

Have a project structure like:

Things are highly subjective but pick a structure and try to have all your projects organised in that way.

src/js/script.js
src/index.html
README.md

How you can isolate and test this function?

What is the role of 'keyPath'?

How can you debug this quick?

IndexedDBPrototype/script.js

Line 54 in 253f0be

title: null,

Where is this database variable?

Everywhere you seem to reference the variable database but where is it created?

Can you point out the line?

What is the difference between this variable and request?

IndexedDBPrototype/script.js

Line 10 in 253f0be

database = e.target.result;

What is stored in this variable?

Think about what is stored in this variable. Regardless of the fact that you are trying to create a node element, you are still using JS so think about what can you store inside variables and what you can't store.

The error message together with the message I wrote above should be enough for you to catch the error.

IndexedDBPrototype/script.js

Line 45 in 253f0be

let showOnScreen = <li>`${notesCollection[i].title}`</li>;

Disable this line in order to speed up debugging

IndexedDBPrototype/script.js

Line 34 in 253f0be

insertNote(notesCollection);

What is the difference between an even handler and an event listener?

IndexedDBPrototype/script.js

Line 40 in 253f0be

add.onclick = test();