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?
попробуй перефразировать вопрос, не очень понятно что ты хочешь получить в итоге
Я могу конечно перефразировать, но станет ещё менее понятно
код понятный, непонятен сам вопрос)
Сейчас, если нажать несколько раз, в результате может получиться вот такое дерево, например: <body> <div> <div>1</div> <div>2</div> <div>3</div> </div> <div> <div>1</div> <div>2</div> </div> </body> А я хочу, чтобы получалось вот так: <body> <div>1</div> <div>2</div> <div>3</div> <div>1</div> <div>2</div> </body> Как мне это сделать?
Создаём массив массивов, рандомом выбираем нужный, берём последний элемент нужного массива и выполняем insertadjancent(afterend, div), добавляем в выбранный массив
Не, ну так я и сам могу
Обсуждают сегодня