DOM сортировка столбца // зачеркивание по клику

Я прикрепил ссылку codepen! Нажмите здесь

Вот примерная функция

        function addProduct() {
            count++;
            document.getElementById('itemsActions').style.display = "block";
            var product = document.querySelector('.product').value;
             var btn1 = document.createElement('Button');
             btn1.id="btn"+count;
             var x = document.createTextNode("Mark as buy");
             btn1.appendChild(x);
             var table = document.getElementById('body');
             var row = table.insertRow(0);
             var cell1 = row.insertCell(0);
             var cell2 = row.insertCell(1);
             document.getElementById('input').value = "";
            cell1.innerHTML = product;
            cell1.id="product"+count;
            cell2.appendChild(btn1);

            lista.push(product);
            btn1.addEventListener("click", function() {
                 var id = this.id;
                 var idNum = id.slice(-1)
                 var data = document.getElementById('product'+idNum)
                data.style.setProperty("text-decoration", "line-through");

           })
}

function sortAsc() {
    lista.sort();
    var tr = document.getElementsByTagName('tr');

    for(i=0;i<lista.length;i++){
 //to skip the first row do i+1
   tr[i+1].getElementsByTagName('td')[0].innerHTML=lista[i]
    }

}

function sortDesc() {
    lista.sort();
    lista.reverse();
    var tr = document.getElementsByTagName('tr');
    for(i=0;i<lista.length;i++){
        //to skip the first row do i+1
      tr[i+1].getElementsByTagName('td')[0].innerHTML=lista[i]
    }

}