Почему мой foor-l oop дает значение null моей созданной переменной?

Question

Я пытаюсь соединить мою задачу с моим каландром. Я перебираю все свои таблицы календарей, а затем перебираю весь массив задач.

И тогда он должен добавить круг с countTodo внутри, который говорит, сколько задач у меня в этот день.

Но я получаю ошибку, когда я в своем первом операторе IF "Uncaught TypeError: Невозможно прочитать свойство 'innerText' из null"

Я проверил, и мои "tds [j]" нулевой. Я не знаю почему и не знаю, как это исправить.

function checkArrayWithCalendar() {
    let tds = document.querySelectorAll("td")

    for (let j = 0; j < tds.length; j++) {

        let secondDivInCalendar = tds[j].querySelector("#todoInCalendar")
        let countTodo = 0

        for (let i = 0; i < todos.length; i++) {
            if (tds[j].firstElementChild.innerText == todos[i].date) {
                countTodo++
            }
        }

        if (countTodo > 0) {

            if (!secondDivInCalendar) {
                secondDivInCalendar = document.createElement("div")
                secondDivInCalendar.id = "todoInCalendar"
                tds[j].appendChild(secondDivInCalendar)

                let spanForArray = document.createElement("span")
                spanForArray.classList = "spanForArray"
                secondDivInCalendar.appendChild(spanForArray)
            }
            secondDivInCalendar.firstElementChild.innerText = countTodo
        }
    }
}

https://1974pontus.github.io/Todo-kalender/ Вот ссылка на задачу.

Что я делаю неправильно и почему это мой .innerText null?

это мой html код: