Как сделать условия для анимации?

Question

[markneedet]

Добрый день, ребята подскажите новичку, хочу сделать вот такой эффект, есть манетка повернута решкой, нажимаешь на нее она крутится к примеру 2-3 секунды и рандомно останавливается на определенной стороне(орел/решка)

Comments

[irishmann]

к PHP не относится, это к JS

[Виталий Першин]

irishmann, Ну не совсем. Если эти данные важны, то скорее всего нужно перед тем как начать крутить, отправить ajax запрос и получить информацию о том что показать, орел или решка, после чего просто показать соответствующую анимацию. А по окончанию пользователем всех действий на сайте, например отправки формы, либо сверить результат, не подменил ли он орел на решку, либо просто добавить к форме сохраненный ранее результат.

[DanKud]

Гуглите coin flip js
Например вот это по первым же ссылкам: https://codepen.io/le0864/pen/pbmoVQ

[markneedet]

DanKud, спасибо)

Answer 1

[Ragtime Kitty]

Получаем Math.random()

Если <= 0.5
Добавить класс, который перевернет монетку на орла
Else
Добавить класс, который перевернет монетку на решку