дополняет прошлое домашнее задание

js/data.js

@@ -94,6 +94,6 @@ const createPhoto = () => {
   };
 };
 
-const CreatePhotoList = () => Array.from({length: PHOTO_LIST_LENGTH}, createPhoto());
+const createPhotoList = () => Array.from({length: PHOTO_LIST_LENGTH}, createPhoto());
 
-export {CreatePhotoList};
+export {createPhotoList};

js/main.js

@@ -1,5 +1,6 @@
 import './util.js';
-import {CreatePhotoList} from './data.js';
-import './thumbnails.js';
+import {createPhotoList} from './data.js';
+import {renderThumbnails} from './render-thumbnails.js';
 
-console.log(CreatePhotoList());
+console.log(createPhotoList());
+console.log(renderThumbnails());

js/render-thumbnails.js

@@ -0,0 +1,26 @@
+import {createPhotoList} from './data.js';
+
+const pictures = document.querySelector('.pictures');
+const thumbnailsTemplate = document.querySelector('#picture')
+  .content
+  .querySelector('.picture');
+
+const usersThumbnails = createPhotoList ();
+
+const renderThumbnails = () => {
+  const usersThumbnailsFragment = document.createDocumentFragment();
+
+  usersThumbnails.forEach((photo) => {
+    const usersElement = thumbnailsTemplate.cloneNode(true);
+    usersElement.querySelector('.picture__img').src = photo.url;
+    usersElement.querySelector('.picture__img').alt = photo.description;
+    usersElement.querySelector('.picture__likes').textContent = photo.likes;
+    usersElement.querySelector('.picture__comments').textContent = photo.comments.length;
+    usersThumbnailsFragment.appendChild(usersElement);
+  });
+
+  pictures.appendChild(usersThumbnailsFragment);
+
+};
+
+export {renderThumbnails};