Merge pull request #8 from nikitakhrulev/module7-task1

Отрисуй меня полностью

index.html

@@ -233,6 +233,6 @@ <h2 class="success__title">Изображение успешно загруже
         <h2 class="data-error__title">Не удалось загрузить данные</h2>
       </section>
     </template>
-    <script src="./js/functions.js"></script>
+    <script type="module" src="./js/main.js"></script>
 </body>
 </html>

js/main.js

@@ -1,3 +1,4 @@
-import { createMockPosts } from './mock';
+import { createMockPosts } from './mock.js';
 
 createMockPosts();
+

js/mock.js

@@ -1,5 +1,5 @@
 import { createRandomId, getRandomInteger } from './utils';
-import { printPosts } from './posts';
+import { printThumbnails } from './thumbnails';
 import { POSTS_DATA } from './data';
 
 const { POSTS_COUNT, NAMES, DESCRIPTIONS, COMMENTS } = POSTS_DATA;
@@ -30,7 +30,7 @@ const createPhotoPost = () => {
 const createMockPosts = () => {
   const data = Array.from({length: POSTS_COUNT}, createPhotoPost);
 
-  printPosts(data);
+  printThumbnails(data);
 };
 
 

js/posts.js → js/thumbnails.js

@@ -2,17 +2,17 @@ const picturesContainer = document.querySelector('.pictures');
 const pictureTemplate = document.querySelector('#picture').content.querySelector('.picture');
 const postsFragment = document.createDocumentFragment();
 
-const printPosts = (data) => {
+const printThumbnails = (data) => {
   data.forEach((post) => {
     const singlePost = pictureTemplate.cloneNode(true);
     const singlePostImg = singlePost.querySelector('img');
     singlePostImg.src = post.url;
     singlePostImg.alt = post.description;
     singlePost.querySelector('.picture__likes').innerText = post.likes;
-    singlePost.querySelector('.picture__comments').append(post.comments.length);
+    singlePost.querySelector('.picture__comments').innerText = post.comments.length;
     postsFragment.append(singlePost);
   });
   picturesContainer.append(postsFragment);
 };
 
-export {printPosts};
+export {printThumbnails};