editItem method

app.snippet.2.js

editItem(item, oldItemName) {
  const editInput = htmlToElement(`
    <input type="text" value="${oldItemName}" placeholder="Enter new item name" class="bg-gray-800 px-4 py-2 rounded block w-full text-gray-200 font-light">
  `);

  const itemNameEl = item.getElementsByClassName('item-name')[0];
  const editButtonEl = item.getElementsByClassName('edit-button')[0];

  insertElementAfter(editInput, itemNameEl);

  itemNameEl.classList.add('hidden');
  editButtonEl.classList.add('hidden');
}