Сделал дз #6 Отрисуй меня полностью

js/functions.js

@@ -10,8 +10,8 @@ const isWithinWorkingHours = (workdayStart, workdayEnd, meetingStart, meetingLen
   return meetingStartMinutes >= workdayStartMinutes && meetingEndMinutes <= workdayEndMinutes
 };
 
-console.log(isWithinWorkingHours('08:00', '17:30', '14:00', 90));
-console.log(isWithinWorkingHours('8:0', '10:0', '8:0', 120));
-console.log(isWithinWorkingHours('08:00', '14:30', '14:00', 90));
-console.log(isWithinWorkingHours('14:00', '17:30', '08:0', 90));
-console.log(isWithinWorkingHours('8:00', '17:30', '08:00', 900));
+// console.log(isWithinWorkingHours('08:00', '17:30', '14:00', 90));
+// console.log(isWithinWorkingHours('8:0', '10:0', '8:0', 120));
+// console.log(isWithinWorkingHours('08:00', '14:30', '14:00', 90));
+// console.log(isWithinWorkingHours('14:00', '17:30', '08:0', 90));
+// console.log(isWithinWorkingHours('8:00', '17:30', '08:00', 900));

js/main.js

@@ -1,6 +1,5 @@
 import {
-  generateArrObj
-} from './data.js';
+  renderGallery
+} from './thumbnails.js';
 
-// Проверка вывода и работы. Удалить перед сдачей.
-console.table(generateArrObj());
+renderGallery();

js/renderGallery.js

@@ -0,0 +1,28 @@
+import {
+  generateArrObj
+} from './data.js';
+
+const renderGallery = () => {
+const picturesContainer = document.querySelector('.pictures');
+const pictureTemplate = document.querySelector('#picture')
+  .content
+  .querySelector('a');
+
+const userPictures = generateArrObj();
+const pictureFragment = document.createDocumentFragment();
+
+userPictures.forEach(({id, url, description, likes, comments}) => {
+  const pictureElement = pictureTemplate.cloneNode(true);
+  pictureElement.querySelector('.picture__img').src = url;
+  pictureElement.querySelector('.picture__img').alt = description;
+  pictureElement.querySelector('.picture__likes').textContent = likes;
+  pictureElement.querySelector('.picture__comments').textContent = comments.length;
+  pictureFragment.append(pictureElement)
+});
+
+const renderThumbnails = picturesContainer.append(pictureFragment);
+};
+
+export {
+  renderGallery
+};

js/thumbnails.js

@@ -0,0 +1,28 @@
+import {
+  generateArrObj
+} from './data.js';
+
+const renderGallery = () => {
+const picturesContainer = document.querySelector('.pictures');
+const pictureTemplate = document.querySelector('#picture')
+  .content
+  .querySelector('a');
+
+const userPictures = generateArrObj();
+const pictureFragment = document.createDocumentFragment();
+
+userPictures.forEach(({id, url, description, likes, comments}) => {
+  const pictureElement = pictureTemplate.cloneNode(true);
+  pictureElement.querySelector('.picture__img').src = url;
+  pictureElement.querySelector('.picture__img').alt = description;
+  pictureElement.querySelector('.picture__likes').textContent = likes;
+  pictureElement.querySelector('.picture__comments').textContent = comments.length;
+  pictureFragment.append(pictureElement);
+});
+
+picturesContainer.append(pictureFragment);
+};
+
+export {
+  renderGallery
+};