Как такое можно сделать, на примере списка, например что бы по кнопке можно было менять стили определенному элементу который вложен например в этот список типо ul > li?
Вот так, функция которая создает возвращает функцию, которая по переданному аргументу ищет элемент, затем присваивает элемент списка с указанным индексом переменной, на которой уже происходит изменение стилей, вот например изменяем цвет текста для элемента списка:
function update(n = 0) {
return function() {
const el = document.querySelectorAll('ul > li')[n];
el.style.color = 'green'
}
}
someid.onclick = update(5);
В html у нас сам список и кнопка по клику на которое срабатывает событие onclick, которое запускает функцию которая обновляет стили 5 по индексу элемента, то есть li со значением 6 изменит свой цвет на зеленый.
1
2
3
4
5
6
7
8
9
10
<button id="someid">Поменять цвет