Ваш селектор - .todo-List, но все другие имена ваших классов не используют символы в верхнем регистре, и ваш HTML показывает class="todo-list" (list, а не List!).
Итак, я бы предположил, что это опечатка, и на самом деле она должна быть todo-list с строчными буквами l, поэтому вам следует изменить строку 4 на const todoList = document.querySelector('.todo-list').
. тот факт, что вы спросили о «сообщении» Cannot read property "appendChild" of null, звучит для меня так, как будто вы не поняли сообщение об ошибке. Пожалуйста, найдите время, чтобы прочитать эту статью и быстро узнать, как пользоваться отладчиком . Особенно последний - чрезвычайно важный навык, который поможет вам самостоятельно отследить эти проблемы. Я уверен, что если бы вы поняли, что проблемы связаны со строкой 4, вы в конечном итоге обнаружили бы, что селектор неправильный.