Merge pull request #6 from dimacorporal1901/module7-task1

index.html

@@ -6,10 +6,7 @@
   <link rel="stylesheet" href="css/normalize.css">
   <link rel="stylesheet" href="css/style.css">
   <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
-  <script src="js/functions.js" type="module"></script>
   <script src="js/main.js" type="module"></script>
-  <script src="js/util.js" type="module"></script>
-  <script src="js/data.js" type="module"></script>
   <title>Кекстаграм</title>
 </head>
 

js/functions.js

@@ -1,4 +1,4 @@
-// Проверка длины строки
+// Проверка длины строки и проверка на палиндром
 
 function checkStrokeLength(string, maxSymbols) {
   return string.length <= maxSymbols;

js/main.js

@@ -1,3 +1 @@
-import { postGenerator } from './data.js';
-
-postGenerator;
+import './pictures.js';

js/pictures.js

@@ -0,0 +1,22 @@
+import { postGenerator } from './data.js';
+
+const randomUserPicture = postGenerator;
+
+const randomUserPictureTemplate = document.querySelector('#picture')
+  .content
+  .querySelector('.picture');
+
+const randomUserPictureFragment = document.createDocumentFragment();
+
+const picturesList = document.querySelector('.pictures');
+
+randomUserPicture.forEach(({url, description, likes, comments}) => {
+  const pictureElement = randomUserPictureTemplate.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 - 1;
+  randomUserPictureFragment.appendChild(pictureElement);
+});
+
+picturesList.appendChild(randomUserPictureFragment);

js/util.js

@@ -20,8 +20,4 @@ function createRandomIdFromRangeGenerator (min, max) {
   };
 }
 
-export { getRandomInteger };
-
-export { getRandomArrayElement };
-
-export { createRandomIdFromRangeGenerator };
+export { getRandomInteger, getRandomArrayElement, createRandomIdFromRangeGenerator };