Breaking News: Grepper is joining You.com. Read the official announcement!

local

Calm Civet answered on January 3, 2022 Popularity 10/10 Helpfulness 1/10

answer local

related LOCAL

local

Comment

const form = document.querySelector('form')
const ul = document.querySelector('ul')
const button = document.querySelector('button')
const input = document.getElementById('item')
let itemsArray = localStorage.getItem('items')
  ? JSON.parse(localStorage.getItem('items'))
  : []

localStorage.setItem('items', JSON.stringify(itemsArray))
const data = JSON.parse(localStorage.getItem('items'))

const liMaker = (text) => {
  const li = document.createElement('li')
  li.textContent = text
  ul.appendChild(li)
}

form.addEventListener('submit', function (e) {
  e.preventDefault()

  itemsArray.push(input.value)
  localStorage.setItem('items', JSON.stringify(itemsArray))
  liMaker(input.value)
  input.value = ''
})

data.forEach((item) => {
  liMaker(item)
})

button.addEventListener('click', function () {
  localStorage.clear()
  while (ul.firstChild) {
    ul.removeChild(ul.firstChild)
  }
})

Popularity 10/10 Helpfulness 1/10 Language javascript

Source: www.taniarascia.com

Tags: javascript local

Link to this answer
Share Copy Link

Contributed on Jan 03 2022

Calm Civet

0 Answers Avg Quality 2/10

Closely Related Answers

LOCAL

Comment

NODE_ENV = "development"
DATABASE_PROXY_URL = "YOUR DB CONNECTION STRING"
JWT_SECRET = "SOME RANDOM JWT SECRET"
LNURL_AUTH_HOST = "http://localhost:8888/dev/login"
CLOUDFLARE_IMAGE_ACCOUNT_ID = "FOR UPLOADING IMAGES"
CLOUDFLARE_IMAGE_API_KEY = "FOR UPLOADING IMAGES"
CLOUDFLARE_IMAGE_ACCOUNT_HASH = "FOR UPLOADING IMAGES"

Popularity 10/10 Helpfulness 1/10 Language whatever

Source: github.com

Tags: local loca

Link to this answer
Share Copy Link

Contributed on Sep 13 2023

Karam Moore

0 Answers Avg Quality 2/10

local

Contents

More Related Answers

local

Closely Related Answers

LOCAL

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.