К
У меня есть такой код (https://jsfiddle.net/auk7hL0c/2/):
function createSection() {
const element = document.createElement("div")
return { id: 0, element }
}
const sections = [
createSection(),
createSection()
]
document.body.append(...sections.map(({element}) => element))
let itemID = 0
document.body.onclick = () => {
const section = sections[Math.floor(Math.random() * 2)]
const item = document.createElement("div")
item.innerText = ++section.id
section.element.append(item)
}
При клике на страницу один div с цифрой добавляется в случайный section. Выглядит это как два списка, в которые случайно добавляются элементы. Собственно вопрос: есть ли js какая-то штука, чтобы добавлять новые div прямо в document.body, без дополнительного div для section?