Когда я хочу добавить карту, ей необходимо задать правильное вращение и смещение в зависимости от количества элементов d ⇐ CSS

[Anonymous]

Я работаю над блэкджеком для игры. Когда я хочу добавить карту, ей необходимо задать правильный поворот и смещение. Это работает, только если я загружу их при запуске. Не тогда, когда я хочу добавить карту. Поэтому, когда я вызываю функцию AddCard(), она должна добавить карточку в контейнер с правильным поворотом и смещением.
HTML:

Код: Выделить всё

JQ:

Код: Выделить всё

let cards = document.querySelector('.urp-blackjack-playercard-items');
let w = cards.offsetWidth;
let totalarc = 40;
let numcards = $('.urp-blackjack-playercard-item').length;
console.log(numcards)

function AddCard() {
$( ".urp-blackjack-playercard-items" ).append(`
[img]./assets/cards/CLUB_06.png[/img]
`);
UpdateCards()
numcards = numcards + 1

}

function UpdateCards() {

console.log(numcards)
let angles = Array(numcards).fill('').map((a, i) => (totalarc / numcards * (i + 1)) - (totalarc/2 + (totalarc / numcards) / 2));
let margins = angles.map((a, i) => w / numcards * (i + 1));

angles.forEach((a, i) => {
let s = `transform:rotate(${angles[i]}deg);margin-left:${margins[i]}px;`
let c = ``;
cards.innerHTML += c;
})
}

UpdateCards()

Я работаю над игрой в блэкджек для игры. Когда я хочу добавить карту, ей необходимо задать правильный поворот и смещение. Это работает, только если я загружу их при запуске. Не тогда, когда я хочу добавить карту. Поэтому, когда я вызываю функцию AddCard(), она должна добавить в контейнер карточку с правильным поворотом и смещением.

Подробнее здесь: https://stackoverflow.com/questions/786 ... d-offset-b