Skip to content

Latest commit

 

History

History
32 lines (25 loc) · 1.01 KB

File metadata and controls

32 lines (25 loc) · 1.01 KB

Local-Storage-and-Event-Delegation

Background & Objectives

In this project, we simulate a restaurant's menu. The user should be able to add dishes to the list as well as mark them as completed or checked.

localstorage.mov

Features

  • Local Storage - when the users add data we want it to be stored so that the same state is displayed when the page is refreshed.
  • Event Delegation - we add an event listener to a parent element (ul), as the list item element doesn't exist before the user creates it.

Technologies

Project created with:

  • HTML5
  • CSS3
  • JavaScript ES6

Specs

Cloning

Go to the Terminal, choose a directory where you wish to clone the repository and run:

git clone git@github.com:Francisco-Webdeveloper/Local-Storage-and-Event-Delegation.git

Local Server

Launch local webserver with the Terminal:

npm install -g parcel-bundler
parcel index.html
open http://localhost:1234 in the browser