Spaces:
Running
Running
| <html lang="en-US"> | |
| <head> | |
| <meta charset="utf-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>IndexedDB demo</title> | |
| <link href="../favicon.svg" rel="icon"> | |
| <link href="./style.css" rel="stylesheet"> | |
| <script src="./index.js" defer></script> | |
| </head> | |
| <body> | |
| <header> | |
| <p><a href="../index.html">Back to homepage</a></p> | |
| <h1>Simple Notes</h1> | |
| </header> | |
| <main> | |
| <section class="note-display"> | |
| <h2>Notes</h2> | |
| <ul> | |
| </ul> | |
| </section> | |
| <section class="new-note"> | |
| <h2>Enter a new note</h2> | |
| <form> | |
| <div> | |
| <label for="title">Title</label> | |
| <input id="title" type="text" required placeholder="Breathe"> | |
| </div> | |
| <div> | |
| <label for="date">Date</label> | |
| <input id="date" type="text" required placeholder="Everyday"> | |
| </div> | |
| <div> | |
| <label for="content">Note</label> | |
| <input id="content" type="text" required placeholder="Take 3 calm breathe everyday."> | |
| </div> | |
| <div> | |
| <button id="newBtn">Create a new note</button> | |
| </div> | |
| </form> | |
| </section> | |
| </main> | |
| <footer> | |
| <p> | |
| Trying to use IndexedDB to create mini database that is stored at the | |
| client side. | |
| </p> | |
| <p>Content sourced from <a href="https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Client-side_web_APIs/Client-side_storage#storing_complex_data_%E2%80%94_indexeddb">MDN</a>. | |
| </p> | |
| <p>Simple Notes by Chooi Chin Liew is marked with CC0 1.0 license.</p> | |
| </footer> | |
| </body> | |
| </html> | |