function appendTasks(buttonel) {
    let divEl = buttonel.parentElement;
    let inputValue = divEl.querySelector("input");
    if (inputValue.value === "") {
        return;
    }
    let i = document.createElement("i");
    i.className = 'far fa-square';
    let i2 = document.createElement("i");
    i2.className = 'far fa-check-square';
    i2.style.display = 'none';
    let i3 = document.createElement("i");
    i3.className = 'far fa-trash-alt';

    let findElementInUl = divEl.querySelector("ul");
    let liNew = document.createElement("li");
    liNew.addEventListener("click", function () {markDoneTasks(liNew)});
    findElementInUl.appendChild(liNew);
    let newLiText = document.createTextNode(inputValue.value);
    liNew.appendChild(i);
    liNew.appendChild(i2);
    liNew.appendChild(newLiText);
    liNew.appendChild(i3);
    inputValue.value = "";
}