Допустим, у вас есть обьект, которому вы хотите задавать случайные свойства цвета при нажатии на него
Начнём с создания переменных:
const colors = ['#DC143C', '#B22222', '#C71585', '#DB7093' ]
const circle = document.createElement('#circle')
Напишем функцию, которая будет брать из массива цветов элемент с рандомным индексом:
function RandomColor() {
return colors[Math.floor(Math.random() * colors.length)]
}
А теперь создаём функцию, которая каждый раз будет генерировать новый цвет для нашего обьекта:
function createColor () {
const color = RandomColor()
circle.style.backgroundColor = color
} // в таком случае у самого элимента не должно быть атрибута background color в CSS
Добавляем слушатель событий, чтобы цвет менялся при клике:
circle.addEventListener('click', createColor())