исправил функцию onShowMoreComments

js/create-thumbnails/index.js

@@ -21,7 +21,6 @@ const addPhotoThumbnailsUsers = () => {
     pictureItem.addEventListener('click', (evt) =>{
       evt.preventDefault();
       onOpenBigPicture(element);
-
     });
 
   });

js/main.js

@@ -1,4 +1,3 @@
 import {addPhotoThumbnailsUsers} from './create-thumbnails';
-import './showLargePicture';
 
 addPhotoThumbnailsUsers();

js/showLargePicture/createComments.js

@@ -1,4 +1,6 @@
-import {buttonShowMore, socialCommentsList, commentShownCount} from './elementVariables';
+import {buttonShowMore, socialCommentsList, commentShownCount, socialCommentChild} from './elementVariables';
+const LIMITED_DISPLAY_COMMENTS = 5;
+let arrayComments = [];
 
 
 const createComment = (comments) => {
@@ -20,30 +22,26 @@ const createComment = (comments) => {
   return socialComment;
 };
 
-const onShowMoreComments = (element) =>{
-  let limit = 5;
-  const commentsList = element.splice(0, limit);
-  const socialCommentChild = socialCommentsList.children;
-  commentShownCount.textContent = socialCommentChild.length;
+const onShowMoreComments = () =>{
+  const currentShowedComments = socialCommentsList.childElementCount;
+  const commentsCount = currentShowedComments + LIMITED_DISPLAY_COMMENTS;
+  const commentsLimited = arrayComments.length >= commentsCount ? commentsCount : arrayComments.length;
+  const commentsList = arrayComments.slice(currentShowedComments, commentsLimited);
 
   commentsList.forEach((item) =>{
     const commentElement = createComment(item);
     socialCommentsList.append(commentElement);
     commentShownCount.textContent = socialCommentChild.length;
   });
-  buttonShowMore.addEventListener('click', () =>{
-    limit += 5;
-    onShowMoreComments(element);
-  });
 
 };
 
-const renderComments = (element, limit) => {
-  const minLimit = limit;
-  socialCommentsList.innerHTML = '';
-  onShowMoreComments(element,minLimit);
-
+buttonShowMore.addEventListener('click', onShowMoreComments);
 
+const renderComments = (element) => {
+  arrayComments = element;
+  socialCommentsList.innerHTML = '';
+  onShowMoreComments();
 };
 
 

js/showLargePicture/elementVariables.js

@@ -7,3 +7,5 @@ export const commentShownCount = bigPictureBlock.querySelector('.social__comment
 export const socialCaption = bigPictureBlock.querySelector('.social__caption');
 export const socialCommentsList = bigPictureBlock.querySelector('.social__comments');
 export const buttonShowMore = bigPictureBlock.querySelector('.social__comments-loader');
+export const socialCommentChild = socialCommentsList.children;
+

js/showLargePicture/index.js

@@ -1,4 +1,4 @@
-import { bigPictureBlock, bigPictureCancel, bigPictureImg, likesCount, commentTotalCount, socialCaption, socialCommentsList} from './elementVariables';
+import { bigPictureBlock, bigPictureCancel, bigPictureImg, likesCount, commentTotalCount, socialCaption, socialCommentsList, buttonShowMore} from './elementVariables';
 import {renderComments} from './createComments';
 
 
@@ -10,6 +10,8 @@ const toggleClass = (isOpened = true) =>{
 const onCloseBigPicture = () => {
   toggleClass(false);
   socialCommentsList.innerHTML = '';
+  buttonShowMore.classList.remove('hidden');
+
   bigPictureCancel.removeEventListener('click', onCloseBigPicture);
 };
 
@@ -23,10 +25,9 @@ const addInformation = ({url, description, likes, comments}) =>{
 };
 
 const onOpenBigPicture = (element) => {
-  const limited = 5;
   addInformation(element);
   toggleClass();
-  renderComments(element.comments, limited);
+  renderComments(element.comments);
 
   bigPictureCancel.addEventListener('click', onCloseBigPicture);
 };