Как добавить элементы в dom при загрузке страницы?

Question

[Дмитрий Самойлов]

Я тут оставлю список действий для людей с таким же вопросом
(function(){
// 1. В тело функции надо добавить массив с объектами имен и ссылок
// 2. Итерироваться по массиву при помощи медода ForEach
// 3. В методе на каждой итерации параметру коллбек функции
// будет передаваться объект
// 4. В теле коллбек функции на каждой итерации надо вызывать
// фунцию создания карточки
// 5. Эта функцию должна принимать аргументы (имя и ссылку)
// чтобы достать имя и ссылку надо правильно к ним обратиться
// через точечную нотацию или object['someName...']
// 6. через appendChild на каждой итерации добавлять
// новую карточку в элемент с классом ...
})()

Comments

[Andrew]

Вы ведь не понимаете что ваша функция делает, правда?)

[lloydbanks]

Покажите полный код чего вы там понаписали

[Антон]

И что она должна выводить?)

[Дмитрий Карпов]

return cardsContainer;
Не понятно что должно вернуть

[Дмитрий Самойлов]

Andrew, ага, представляешь, поэтому я сюда и написал, наверное

[Andrew]

Дмитрий Олейников, может, стоит тогда не просто тупо копировать какой-то код, а попыться его разобрать?
Задачу разбить на блоки/подзадачи, выполнять поочередно?
Или "ща накопирую, а там дадут готовый код" - стратегия лучше подходит?

[Дмитрий Самойлов]

короче, смог сделать, эту функцию я вообще не должен был делать, поэтому не понятно, как она должна была работать, для этого решил тут спросить, но разобрался. Она должна была добавлять карточки в контейнер, функции добавления и сам контейнер были готовы, там же все написано, а этот код достался мне от человека

[Дмитрий Самойлов]

Andrew, думал, что скину часть этого начального кода, а дальше подскажут как действовать, я не ждал полный код

Answer 1

[Дмитрий Самойлов]

Я тут оставлю список действий для людей с таким же вопросом
(function(){
// 1. В тело функции надо добавить массив с объектами имен и ссылок
// 2. Итерироваться по массиву при помощи медода ForEach
// 3. В методе на каждой итерации параметру коллбек функции
// будет передаваться объект
// 4. В теле коллбек функции на каждой итерации надо вызывать
// фунцию создания карточки
// 5. Эта функцию должна принимать аргументы (имя и ссылку)
// чтобы достать имя и ссылку надо правильно к ним обратиться
// через точечную нотацию или object['someName...']
// 6. через appendChild на каждой итерации добавлять
// новую карточку в элемент с классом ...
})()

Answer 2

[Илья]

Так вам нужно манипулировать с DOM деревом, а не с консолью.
Сначала через document.createElement(elmenet) создавать элемент, например div, потом добавлять ему класс, и через innerHTML формировать все что нужно внутри (например добавлять ).
После, методом append отрисовывать его внутри родительского блока.
Это в кратце если говорить про нативный жс.

Comments

[Дмитрий Самойлов]

спасибо, попробую