Как я могу получить возможность кликабельного поля для каждого вновь созданного ящика для создания новых ящиков в конце ⇐ CSS

[Anonymous]

Я хочу изменить свой код для создания нового круглого ящика после щелчка по любому ящику из нового созданного набора, а не только по первому ящику. Как я могу получить эту возможность для своего кода?

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

const box = document.querySelector('.box')
box.addEventListener('click', () => {
const setbox = document.createElement('div')
document.body.appendChild(setbox).classList.add('box')
})

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

body {
background-color: black;
}

.box {
width: 100px;
height: 100px;
background-image: linear-gradient(45deg, red, yellow);
border-radius: 40px;
transition: box-shadow 0.5s ease;
display: inline-block;
user-select: none;
}

.box:hover {
box-shadow: inset 0px 0px 10px 8px rgba(55, 155, 50), inset 0px 0px 10px 16px rgba(55, 155, 255), inset 0px 0px 10px 24px rgba(155, 55, 255);
transition: box-shadow 0.5s ease;
}

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

Подробнее здесь: https://stackoverflow.com/questions/792 ... reated-for