Item insertion on Enter key

Mr.Habibi — Tue, 18 May 2021 06:51:12 +0000

Hi everyone! I made a Item insertion with javascript. Try the code below: (fill the input and press enter to add an item)

This happen with this magic javascript code:

const mainInput = document.getElementById('main-input')
const itemList = document.getElementById('item-list')

mainInput.addEventListener('keydown', (ev) => {
  if (ev.key === "Enter") {
    ev.preventDefault()
    if (mainInput.value !== "") {
      const newItem = document.createElement('p')
      newItem.classList.add('item')
      itemList.appendChild(newItem)
      newItem.innerText = mainInput.value
      mainInput.value = ""
    }
  }
})

DEV Community: Mr.Habibi

Item insertion on Enter key