Как заставить работать код 2 и более раза?

Question

[holfizz]

В общем решил попрактиковаться и сделать подбрасывание монетки на сайте. Есть код который работает но нужно что бы при завершении кода он срабатывал еще раз, вот код =>

main
    .block-roulette
        .coin
            .circle-yes
                h1.circle-h1-yes yes
            .circle-no
                h2.cercile-h1-no no

это pug
вот js

let coinFlip = [
    '900deg',
    '1080deg',
    '1260deg',
    '1440deg',
    '1620deg',
    '1800deg',
    '1980deg',
    '2160deg',
    '2340deg',
    '2520deg'
]
let Zyes = [
    '2',
    '0',
    '2',
    '0',
    '2',
    '0',
    '2',
    '0',
    '2',
    '0',
]
let random = (Math.random()*10).toFixed()
let coin = document.querySelector('.coin');
let coinYes = document.querySelector('.circle-yes');
coin.addEventListener('click',()=>{
    coin.style.transform = `rotateX(${coinFlip[random]})`
    setInterval(()=>{
        coinYes.style.zIndex = `${Zyes[random]}`
    },2000)
    if(Zyes[random] == 2) {
        coin.classList.toggle('active')
    }
})

На скрине показано что после нажатия не монету добавляется рандомный rotate и Z index(он нужен)
И мне нужно чтобы после выполнения кода стили просто убирались но монета оставалась на том же месте (звучит как то не понятно но я не знаю как обеснить) вообщем нужно чтобы код можно было использовать два и более раза. Сори за обесненить просто я даже не знаю как обеснить не то что решить))Если сможете помогите, и не пишите что я овощ))

Comments

[Вадим]

Дублирование вопросов запрещено правилами сервиса.

4. После размещения вопроса пользователю запрещается осуществлять:
4.1. Дублирование вопроса, который уже размещался на страницах Сервиса. В том числе и в случае, если вопрос был удалён модератором, или на вопрос не был дан ответ (т.е. категорически запрещается дублирование вопроса с целью повторного привлечения к нему внимания).

[ThunderCat]

Вадим, Вообще да, вопрос дубль, хотя и отличается наличием некоторых объяснений.
holfizz Удалите предыдущий вопрос, там мало инфы и лишние дубли модератор может заблокировать, причем дублем будет скорее всего этот вопрос.

[Сергей Сергей]

spoiler

ThunderCat, некоторых обеснений.

Answer 1

[ThunderCat]

И мне нужно чтобы после выполнения кода стили просто убирались но монета оставалась на том же месте (звучит как то не понятно но я не знаю как обеснить)

Если стили убрать, логично что монета на том же месте не останется.

просто я даже не знаю как обеснить не то что решить

Это нормально, не хорошо, но нормально. Это навык который надо тренировать, и на пустом месте он не возникает. Некоторым не дается вообще, случай редкий, но бывает... Чаще всего, для постигших искусство составления правильного вопроса, ответ почти всегда очевиден.

Во первых - сейчас второе использование кода работает не так? или не работает? Во вторых - что мешает ему работать как надо?

Comments

[holfizz]

не так у меня просто монета улетает вниз и не крутиться

[ThunderCat]

holfizz, Раз она улетела вниз, то как вы ее хотите крутить? нужно же "монета оставалась на том же месте"? или все таки она должна занять исходное положение?

[holfizz]

ThunderCat, нет я про то что первый раз монета крутиться и уезжает вниз но я ее поднимаю на 300px(на сам размер монеты), но я не знаю как сделать чтобы при слдущей прокрутке она также возращалась вверх.+не знаю как отчистить zIndex после выполнения кода

[ThunderCat]

holfizz,

не знаю как отчистить zIndex после выполнения кода

Может не надо это делать после, а надо делать ДО любой итерации? Тогда сколько бы вы не выполняли код, он будет начинаться с одних настроек...

[holfizz]

ThunderCat, честно я не сильно понимаю, если можете помогите с кодом а я изучать буду)

[holfizz]

ThunderCat, скорее вы правы))