Add & Delete element to a list

function addItem() {
    // select input field
    const input = document.getElementById('newItemText');

    // create <li> element amd assign input value to element text content
    const liElement = document.createElement('li');
    liElement.textContent = input.value;

    // create [Delete] achnor
    const deleteBtn = document.createComment('a');
    deleteBtn.textContent = '[Delete]';
    deleteBtn.href = '#';
    liElement.appendChild(deleteBtn);

    deleteBtn.addEventListener('click', onDelete);

    // select <ul> and append new element
    document.getElementById('items').appendChild(liElement);

    // clear content value
    input.value = '';
}

function onDelete(event) {
    event.target.parentElement.remove();
}