Испытание: игровые фишки [27/27] - правильно ли я всё делаю?

Здравствуйте. Прошу подтолкнуть на путь истинный. С JavaScript столкнулся впервые в жизни.

Вот мой код:

// Добавление класса элементу, переданному в качестве параметра. Название класса составляется с помощью data-атрибута этого элемента
var element = document.querySelectorAll('.chips li');

function setNumber(element) {
    element.classList.add('color-' + element.dataset.number);
}

// Добавление элементу четырёхцветного фона
function reColor(element) {
    var baseColor = getComputedStyle(element).borderTopColor;
    var color = baseColor.match(/^rgb\s*\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*\)$/i);
    element.style.borderTopColor = colorShift(color, 40);
    element.style.borderRightColor = colorShift(color, 60);
    element.style.borderBottomColor = colorShift(color, 80);
    element.style.borderLeftColor = colorShift(color, 20);
}

// Смещение цветового тона
function colorShift(color, shift) {
    var rgb = '#';
    for (var i = 1; i <= 3; i++) { 
        var part = parseInt(color[i]) - shift;
        part = Math.round(Math.min(Math.max(0, part), 255));
        part = part.toString(16);
        rgb += ('00' + part).substr(part.length);
    }
    return rgb;
}

setNumber('element');

Следуя логике предыдущих заданий я записал в переменную element все фишки, затем вызвал функцию добавления номера, почему она не сработала?

1 лайк

reColor(element) необходимо вызвать что бы задать цвета фишкам
И нужно прописать через innerHTML номера из dataset.number