let arr = document.querySelectorAll('.item');
for ( let i=0; i<arr.length; i++ ){
arr[i].style = 'background:red';
arr[ все остальные элементы ].style = 'background:green';
};
let arr = document.querySelectorAll('.item');
arr.forEach((elem)=>{
elem.style = "background: green";
});
arr[0].style = 'background:red';
for ( let i=1; i<arr.length; i++ ){
arr[i].style = 'background:red';
arr[i-1].style = 'background:green';
};
const onClick = event => {
const nodeList = document.querySelectorAll('.item');
for (let i=0; i<nodeList.length; i++ ) {
nodeList[i].style = (nodeList[i] === event.target ? 'background:red' : 'background:green');
};
}.item {background: green } // по умолчанию все зелёные
.item-red {background: red } // тот самый// clickedEl — item, по которому кликнули
[...document.querySelectorAll('.item')].forEach(el => {
if (clickedEl === el) el.classList.add('item-red');
else el.classList.remove('item-red');
});