Как сделать чтобы при нажатии на кнопку блоку присваивался случайный фон?

Question

[eantava]

Есть блок, с background'ом, нужно чтобы при нажатии на кнопку у него менялся фон на случайный, который будет прописан через id или класс.

Comments

[Александр Соболев]

Так случайный, или все же прописанный?
Случайный от слов совсем, вообще.. по нажатию:

function getRandomColor() {
  var letters = '0123456789ABCDEF';
  var color = '#';
  for (var i = 0; i < 6; i++) {
    color += letters[Math.floor(Math.random() * 16)];
  }
  return color;
}



function setRandomColor() {
  $("#colorpad").css("background-color", getRandomColor());
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="colorpad" style="width:300px;height:300px;background-color:#000">

</div>
<button onclick="setRandomColor()">Random Color</button>

А если все-таки переключение по заданным стилям, то почитайте про

$('#user_button').toggle(function () {
    $("#дивный_див").addClass("active");
}, function () {
    $("#дивный_див").removeClass("active");
});

[Danny Arty]

вы же уже задавали этот вопрос

Answer 1

[Иван Ерохин]

https://codepen.io/dtkweb/pen/XWzewOy

Но все таки правильнее будет не в id держать вторую ссылку, а в data;

<div data-bg="{ссылка}">

а в jquery получить с помощью
img = $('.block').data('bg');

Comments

[eantava]

А если нужно несколько изображений?
Просто дублировать ?
Или лучше через доп классы давать?