Удаление элементов списка с помощью javascript [дубликат]

/** 
 * @type {HTMLUListElement} 
 */ 
let ulList = document.getElementById('list') 
 
ulList.addEventListener('click', event => { 
    /** 
     * type {HTMLElement} 
     */ 
    let el = event.target 
    if (ulList === el) return; 
    el.remove() 
})

ul li:hover { 
  background-color: gray; 
}

<ul id="list"> 
 <li class="li">1</li> 
 <li class="li">2</li> 
 <li class="li">3</li> 
 <li class="li">4</li> 
</ul>