Показать сообщение отдельно
  #6 (permalink)  
Старый 27.06.2021, 15:02
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,064

od0201,
<html>
<body>
    <div style="padding: 20px;border: 1px solid red"></div>
<script>
const arrColors=['red','yellow','blue','black'];

const classOne = document.querySelector('div');
classOne.addEventListener('click', _ => {
    let newIndex = classOne.dataset.newIndex = (classOne.dataset.newIndex || 0) % arrColors.length;
    classOne.style.backgroundColor = arrColors[newIndex];
    classOne.dataset.newIndex++;
})
</script>
</body>
</html>
Ответить с цитированием