Показать сообщение отдельно
  #8 (permalink)  
Старый 21.11.2017, 18:08
Профессор
Отправить личное сообщение для Dilettante_Pro Посмотреть профиль Найти все сообщения от Dilettante_Pro
 
Регистрация: 27.11.2015
Сообщений: 2,899

Как-то так...
<div id = "deck" style = "height:50px;width:50px;background-color:lightblue">Тащи!</div>
<div id = "game"></div>
<script>
var cards = ["http://javascript.ru/cat/list/dom.gif",
"http://javascript.ru/cat/list/event.gif",
"http://javascript.ru/cat/list/donkey.gif",
"http://javascript.ru/cat/list/mobile.jpg",
"http://javascript.ru/cat/list/js.gif",
"http://javascript.ru/cat/list/project.jpg"];
document.querySelector("#deck").onclick = function(){
  if (cards.length > 0) {
    var rand = Math.floor(Math.random() * (cards.length - 1));
    var card = document.createElement("img");
    card.src = cards[rand];
    document.querySelector("#game").appendChild(card);
    var removed = cards.splice(rand, 1);
}
else alert("Колода пуста!");
}
</script>
Ответить с цитированием