добавляет вывод массива галлереи на страницу

Author: Drewtsure

js/add-gallery.js

@@ -0,0 +1,18 @@
+import { createGallery } from './create-gallery';
+
+const pictureTemplate = document.querySelector('#picture').content.querySelector('.picture');
+const pictures = document.querySelector('.pictures');
+const usersPicturesData = createGallery();
+const usersPicturesFragment = document.createDocumentFragment();
+
+usersPicturesData.forEach(({url, description, likes, comments}) => {
+  const picture = pictureTemplate.cloneNode(true);
+
+  picture.querySelector('.picture__img').setAttribute('src', url);
+  picture.querySelector('.picture__img').setAttribute('alt', description);
+  picture.querySelector('.picture__likes').textContent = likes;
+  picture.querySelector('.picture__comments').textContent = comments.length;
+  usersPicturesFragment.append(picture);
+});
+
+pictures.append(usersPicturesFragment);

js/create-gallery.js

@@ -35,6 +35,6 @@ const addNewPhoto = () => ({
 
 const createGallery = () => Array.from({length: NUMBER_OF_PICTURES}, addNewPhoto);
 
-createGallery();
-
 // console.log(createGallery());
+
+export {createGallery};

js/data.js

@@ -2,7 +2,7 @@ const getDataArraysForGallery = () => {
   const DESCRIPTION = [
     'это описание фотографии',
     'моя лучшая фотография',
-    'пример, мир!',
+    'привет, мир!',
     'а я томат'
   ];
 

js/main.js

@@ -1 +1 @@
-import './create-gallery.js';
+import './add-gallery.js';