1

Тема: Гра в 21

Всім добрий день, робив карточну гру в 21 на JavaScript.
Це гра де користувач який починає грати він набирає карти, коли він вирішує що набирати більше не хоче то натискає "Пасс", після кожні 1.5 секунди набирає карти  робот, якщо він набере 18,19,20 та цей рахунок буде більше ніж у користувача, то робот виграє, так само навпаки. Також я додав монети які будуть передвигатись до того хто виграв раунд, але не можу зробити так, щоб дочірній елемент видалився з одного блоку та вставися в блок рахунку якоїсь сторони.

Було:

          <div class='computer-wings'></div>

         <div class='game-coins'>
             <div class='game-coin'>
             <div class='game-coin'>
             <div class='game-coin'>
          </div>

Як потрібно, щоб було:

          <div class='computer-wings'><div class='computer-coin'></div>

         <div class='game-coins'>
             <div class='game-coin'>
             <div class='game-coin'>
          </div>

Або ще можна просто змінити класс дочірнього елементу та щоб він через анімацію передвинувся, але як зробити так щоб нприклад якщо виграє робот то зміниться класс на , тобто вибереться перший дочірній елемент цього блоку, а якщо наступного разу раунд виграє робот ? Тобто він так само буде робити дії над першим елементом, як зробити так, щоб передвигалося поступово ?

Було:

          <div class='computer-wings'></div>

         <div class='game-coins'>
             <div class='game-coin'>
             <div class='game-coin'>
             <div class='game-coin'>
          </div>

Як потрібно, щоб було:

          <div class='computer-wings'></div>

         <div class='game-coins'>
             <div class='computer-coin'>
             <div class='game-coin'>
             <div class='player-coin'>
          </div>

2

Re: Гра в 21

Анімації можна зробити використовуючи CSS animation & @keyframes (приклади застосуваня [en], укр.довідник).