AlexFo90
@AlexFo90

Как сделать случайный цвет у div?

Здравствуйте, подскажите как реализовать JavaScript-м генерацию случайного цвета. Дело в том что при клике на кнопку появляется div и он должен всегда быть разного (случайного) цвета! как такое можно реализовать?
спасибо.
  • Вопрос задан
  • 22753 просмотра
Решения вопроса 3
sergiks
@sergiks Куратор тега JavaScript
♬♬
'#' + (Math.random().toString(16) + '000000').substring(2,8).toUpperCase()


Ответ написан
1. с просторов интернета
{
col = Math.round(255.0*Math.random());
r = col.toString(16);
col = Math.round(255.0*Math.random());
g=col.toString(16);
col = Math.round(255.0*Math.random());
d=col.toString(16);
col=r+g+d;
return col;
}

2. случайный цвет = зло для посетителей
Ответ написан
Пригласить эксперта
Ответы на вопрос 3
Isolution666
@Isolution666
Full-Stack Developer
Я думаю, что случайный цвет, это зло, потому как есть люди которым не нравятся определённые цвета, и первое впечатление будет с отвращением и не приязнью. Поэтому советую почитать эту статью https://medium.com/webbdev/%D1%81%D1%80%D0%B5%D0%B... здесь описывается как брать средний цвет картинки, и на его основе делать цвет самого блока. Выглядит весьма интересно и красиво.
Ответ написан
@abasiuk
function getRandomInt(max) {
  return Math.floor(Math.random() * Math.floor(max));
}

var red = getRandomInt(255);
var green = getRandomInt(255);
var blue = getRandomInt(255);

$(".div").css("backgroundColor", "rgb(" + red + "," + green + "," + blue + ")" );
Ответ написан
Комментировать
@cs_gamers2014
var box = document.createElement('div');

box.style.backgroundColor = `rgb(${getRandom(0, 255)}, ${getRandom(0, 255)}, ${getRandom(0, 255)})`;

function getRandom(min, max){
  return Math.ceil(Math.random() * (max - min) + min))
}
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы