JSMasterJS
All projects
Intermediate project

Notes App

What you'll learn

  • • localStorage
  • • CRUD in vanilla JS
  • • Template literals

Features

  • ✓ Create / edit / delete notes
  • ✓ Saved locally
  • ✓ Auto-saved title from first line

Live demo

Source code

html
<div class="wrap">
  <button id="new">+ New note</button>
  <ul id="list"></ul>
  <textarea id="editor" placeholder="Start writing…"></textarea>
</div>