Добавляет домашнее задание 'Отрисуй меня полностью'

js/data.js

@@ -1,4 +1,4 @@
-import {getRandomInteger, getRandomArrayElement} from './util.js';
+import { getRandomInteger, getRandomArrayElement } from './util.js';
 
 const MESSAGES = ['Всё отлично!', 'В целом всё неплохо. Но не всё.', 'Когда вы делаете фотографию, хорошо бы убирать палец из кадра.', 'В конце концов это просто непрофессионально.', 'Моя бабушка случайно чихнула с фотоаппаратом в руках и у неё получилась фотография лучше.', 'Я поскользнулся на банановой кожуре и уронил фотоаппарат на кота и у меня получилась фотография лучше.', 'Лица у людей на фотке перекошены, как будто их избивают. Как можно было поймать такой неудачный момент?!'];
 
@@ -44,12 +44,12 @@ const getObjectComments = () => ({
 
 const createPost = () => ({
   id: getId(),
-  url: `img/avatar-${getUrlPhoto()}.svg`,
+  url: `photos/${getUrlPhoto()}.jpg`,
   likes: getRandomInteger(LIKES.MIN, LIKES.MAX),
-  comments: Array.from({length: getRandomInteger(COMMENTS.MIN, COMMENTS.MAX)}, getObjectComments),
+  comments: Array.from({ length: getRandomInteger(COMMENTS.MIN, COMMENTS.MAX) }, getObjectComments),
   description: getRandomArrayElement(DESCRIPTIONS),
 });
 
-const createPosts = () => Array.from({length: CREATE_POST}, createPost);
+const createPosts = () => Array.from({ length: CREATE_POST }, createPost);
 
-export {createPosts};
+export { createPosts };

js/main.js

@@ -1,4 +1,5 @@
-import {createPosts} from './data.js';
+import './thumbnails.js';
+import { createPosts } from './data.js';
 
 createPosts();
 

js/thumbnails.js

@@ -0,0 +1,24 @@
+import { createPosts } from './data.js';
+
+const templateUserPicture = document.querySelector('#picture')
+  .content
+  .querySelector('.picture');
+
+const usersPictures = createPosts();
+
+const containerUsersPictures = document.querySelector('.pictures');
+
+const usersPicturesFragment = document.createDocumentFragment();
+
+usersPictures.forEach(({ url, description, likes, comments }) => {
+  const userPicture = templateUserPicture.cloneNode(true);
+  userPicture.querySelector('.picture__img').src = url;
+  userPicture.querySelector('.picture__img').alt = description;
+  userPicture.querySelector('.picture__likes').textContent = likes;
+  userPicture.querySelector('.picture__comments').textContent = comments.length;
+  usersPicturesFragment.appendChild(userPicture);
+});
+
+containerUsersPictures.appendChild(usersPicturesFragment);
+
+//console.log(containerUsersPictures);