Skip to content

Instantly share code, notes, and snippets.

@luxplanjay
Last active June 19, 2018 13:11
Show Gist options
  • Save luxplanjay/b9ddf6456370dbd10d4673d98f6e9f8c to your computer and use it in GitHub Desktop.
Save luxplanjay/b9ddf6456370dbd10d4673d98f6e9f8c to your computer and use it in GitHub Desktop.
/*
1. Модифицируйте готовую функцию createPostCard() из задания
номер 6 (https://codepen.io/goit-fe-adv/pen/MVPaeZ) так,
чтобы она принимала объект post с данными для заполнения полей
в карточке.
2. Создайте функцию createCards(posts), которая принимает массив
объектов-карточек, вызывает функцию createPostCard(post) столько
раз, сколько объектов в массиве, сохраняя общий результат и возвращает
массив DOM-элементов всех постов.
3. Повесьте все посты в какой-то уже существующий DOM-узел.
*/
const posts = [
{
img: "https://placeimg.com/400/150/arch",
title: "Post title 1",
text: "Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga, nemo dignissimos ea temporibus voluptatem maiores maxime consequatur impedit nobis sunt similique voluptas accusamus consequuntur, qui modi nesciunt veritatis distinctio rem!",
link: 'link-1.com'
},
{
img: "https://placeimg.com/400/150/nature",
title: "Post title 2",
text: "Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga, nemo dignissimos ea temporibus voluptatem maiores maxime consequatur impedit nobis sunt similique voluptas accusamus consequuntur, qui modi nesciunt veritatis distinctio rem!",
link: 'link-2.com'
},
{
img: "https://placeimg.com/400/150/arch",
title: "Post title 3",
text: "Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga, nemo dignissimos ea temporibus voluptatem maiores maxime consequatur impedit nobis sunt similique voluptas accusamus consequuntur, qui modi nesciunt veritatis distinctio rem!",
link: 'link-3.com'
}
];
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment