Создание элементов списка с последующим их удалением

    document.getElementsByName("addElem")[0].onclick = function(){
        var list = document.getElementById("list");
        // создание элемента li
        var item = document.createElement("li");
        item.innerHTML = "NEW ITEM";
        
        list.appendChild(item);
        
        var liList = document.getElementsByTagName("li");       
        
        if(liList.length == 10){
            for(var i = 0; i < liList.length; i++){
                liList[i].remove();             
            }   
        }       
        
    }

if(liList.length == 10){
            list.innerHTML = '';   
        }

var lis = [],
  removeState = false;
 
document.addEventListener('click', function(e) {
  var target = e.target,
    ul = document.querySelector('ul'),
    li = null;
 
  if (!('clickable' in target.dataset)) return false;
 
 
  li = document.createElement('li');
  li.innerHTML = 'произвольный текст';
 
  if (lis.length >= 10 && removeState === false) {
    removeState = true;
  }
 
  if (removeState) {
    ul.removeChild(lis[lis.length - 1]);
    lis.splice(lis.length - 1, 1);
    if (!lis.length) {
      removeState = false;
    }
    return;
  }
 
  ul.appendChild(li);
  lis.push(li);
});