Присвоение класса элементу html из объявленного набора
Прошу подсказать как можно реализовать…
объявить набор определенных классов (class1; class2; … classn) Дальше есть конструкция html, ну например список ul>li, где li динамически создается. Как прописать чтобы каждому последующему li (если он создается) присваивался следующий из набора класс, или рандомный класс из того же набора.
Ответы (1 шт):
Автор решения: Евгений Колмак
→ Ссылка
Например вот так. По клику создается list item, вставляется в и с каждым кликом присваивается class (class n+1)
const btn = document.querySelector('.btn');
let i = 1;
btn.addEventListener('click', function () {
const li = document.createElement('li');
const ul = document.querySelector('ul');
ul.append(li);
li.classList.add(`class${i}`)
i++;
});