Здравствуйте. Прошу подтолкнуть на путь истинный. С 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 все фишки, затем вызвал функцию добавления номера, почему она не сработала?