[Bug] No me da lo mismo que en el vídeo

Freddy creo que te falto una parte del código agregar...

const btn = document.querySelector("[data-form-btn]");

const createTask =  (evento) => {
    evento.preventDefault();
    const input = document.querySelector("[data-form-input]");
    const value = input.value;
    const list = document.querySelector("[data-list]");
    const task = document.createElement("li");
    task.classList.add('card');
    input.value = '';
    //Backticks = ``
    console.log(checkComplete());
    const taskContent = document.createElement("div");
    taskContent.appendChild(checkComplete());
    const titleTask = document.createElement("span");
    titleTask.classList.add("task");
    titleTask.innerText = value;
    taskContent.appendChild(titleTask);
    const content = `<i class="fas fa-trash-alt trashIcon icon"></i>`;
    //task.innerHTML = content;
    task.appendChild(taskContent);

    list.appendChild(task);

    console.log(content);
};

//Arrow functions o funciones anonimas...
btn.addEventListener("click", createTask);

const checkComplete = () => {
    const i = document.createElement("i");
    i.classList.add("far");
    i.classList.add("fa-check-square");
    i.classList.add("icon");
    return i;
}

Había subido todo el código, el error era que me equivoque en una letra en el nombre del icono. Gracias igual por ayudar.