mymemo-web - JS-Test

gistfile1.txt

// TODO: add memo item

function $(id) {
  return document.getElementById(id);
}

function renderMemo() {
  const memos = JSON.parse(window.localStorage.getItem('memoItems'));
  const memoLists = $('memo-items-list');
  const memoItem = document.createElement('div');

  memos.forEach(memo => {
    memoItem.innerText = memo
    memoLists.appendChild(memoItem);
  })
}

$('memo-textbox').addEventListener('keypress', (e) => {
  if (e.key === 'Enter') {
    const data = e.target.value;
    window.localStorage.setItem('memoItems', JSON.stringify(data));
    renderMemo();
  }
});

// TODO: add memo item

function $(id) {
  return document.getElementById(id);
}

function loadMemoItemslist() {
  var memoItemsListDom = $('memo-items-list');
  while (memoItemsListDom.firstChild) {
    memoItemsListDom.removeChild(memoItemsListDom.firstChild);
  }

  var memoItems = JSON.parse(localStorage.getItem('memoItems') || '[]');
  var n = 0;
  memoItems.forEach((item) => {
    n++;
    var memoItemDom = document.createElement('p');
    memoItemDom.innerHTML = n + ". " + item;
    memoItemsListDom.appendChild(memoItemDom);
  });
}

$('memo-textbox').addEventListener('keypress', (e) => {
  if (e.key === 'Enter') {
    const memo = e.target.value;
    const memoItems = JSON.parse(localStorage.getItem('memoItems') || '[]');
    memoItems.push(memo);
    window.localStorage.setItem('memoItems', JSON.stringify(memoItems));
    loadMemoItemslist();
  }
});

This is the working version, - about 30 mins late.