удален файл function.js, добавлен новый модуль thumbnails.js, отвечаю…

…щий за отрисовку миниатюр

index.html

@@ -226,7 +226,6 @@ <h2 class="success__title">Изображение успешно загруже
       </div>
     </section>
   </template>
-  <script src="js/functions.js"></script>
   <script src="js/main.js" type="module"></script>
 </body>
 </html>

js/main.js

@@ -1,3 +1,4 @@
 import { getImages } from './data.js';
+import { showThumbnails } from './thumbnail.js';
 
-getImages();
+showThumbnails(getImages());

js/thumbnail.js

@@ -0,0 +1,25 @@
+const container = document.querySelector('.pictures');
+const templateFragment = document.querySelector('#picture').content;
+const template = templateFragment.querySelector('.picture');
+
+const createThumbnail = ({url, description, comments, likes}) => {
+  const thumbnail = template.cloneNode(true);
+
+  thumbnail.querySelector('.picture__img').src = url;
+  thumbnail.querySelector('.picture__img').alt= description;
+  thumbnail.querySelector('.picture__comments').textContent = comments.length;
+  thumbnail.querySelector('.picture__likes').textContent = likes;
+
+  return thumbnail;
+};
+
+const showThumbnails = (pictures) => {
+  const fragment = document.createDocumentFragment();
+  pictures.forEach((picture) => {
+    const thumbnail = createThumbnail(picture);
+    fragment.append(thumbnail);
+  });
+  container.append(fragment);
+};
+
+export { showThumbnails };