Andrey Perov

var mul = graph[name];

чпок

Сделайте через замыкание или property функции или по корявому вот так например:

var buttonAdd = document.getElementById("button-add");
var count = 1;
buttonAdd.addEventListener("click", function() {
    var todolistChilds = document.getElementById('todolist').getElementsByClassName('input').length;
    if(todolistChilds < 10) {
        var newInput = document.createElement('input');
        newInput.classList.add('input','input-' + ++count);
        todolist.appendChild(newInput);
    }
    else {
        alert('Ошибка');
    }
});

// как то так, код не проверял

у вас обработчик отрабатывает только 1 раз

document.addEventListener("click", (e) => {
    // Используйте e.target 
    shop.sortProductsByPrice(Product.SORT_ORDER_ASC);
    shop.show();
}, false);

Если e.target === (вашей ячейки) то перерисовывать таблицу и делать сортировку, дальше думаю разберетесь

window.onload

window.onload = function () { // ... loaded }

загрузка DOM и всех картинок

link

https://developer.mozilla.org/ru/docs/Web/JavaScri...

arr.slice([begin[, end]]) // вернет новый массив

да можно, используйте data атрибуты

1. Знать основы достаточно, как формируется страничка, что такое DOM и тд, по этому есть статья объемная,
тут в сжатом виде https://varvy.com/pagespeed/display.html

2. Да учебник не плохой, главное выполнять задачки прочитать все основы, после советую решать задачки на https://www.codewars.com/ очень полезная штука, после решений задачек можно поглядеть как решали другие люди.
3. После изучения ванилы, Jquery то в принципе и учить не надо, что там учить?
4. Для нормального понимания в фреймворках обязательно надо знать vanilla js