From 9db5597e44815201f923e01910ac24c67d21ffe7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=D0=92=D0=BB=D0=B0=D0=B4?= <v1ad@inbox.ru>
Date: Mon, 13 Jan 2025 15:29:16 +0300
Subject: [PATCH] =?UTF-8?q?=D0=9F=D1=80=D0=B0=D0=B2=D0=BA=D0=B8=20=D0=BF?=
 =?UTF-8?q?=D0=BE=20=D0=BD=D0=B0=D0=B7=D0=B2=D0=B0=D0=BD=D0=B8=D1=8F=D0=BC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 js/photo-modal.js | 46 +++++++++++++++++++++++-----------------------
 1 file changed, 23 insertions(+), 23 deletions(-)

diff --git a/js/photo-modal.js b/js/photo-modal.js
index 8fcbabf..9bf168f 100644
--- a/js/photo-modal.js
+++ b/js/photo-modal.js
@@ -8,36 +8,36 @@ const body = document.body;
 const picturesContainerElement = document.querySelector('.pictures');
 
 // Элементы большой картинки
-const ContainerElement = document.querySelector('.big-picture');
-const OverlayElement = document.querySelector('.overlay');
-const CloseButtonElement = ContainerElement.querySelector('.big-picture__cancel');
-const ImageElement = ContainerElement.querySelector('.big-picture__img img');
-const SocialElement = ContainerElement.querySelector('.big-picture__social');
-const LikesElement = SocialElement.querySelector('.likes-count');
-const DescriptionElement = SocialElement.querySelector('.social__caption');
+const containerElement = document.querySelector('.big-picture');
+const overlayElement = document.querySelector('.overlay');
+const closeButtonElement = containerElement.querySelector('.big-picture__cancel');
+const imageElement = containerElement.querySelector('.big-picture__img img');
+const socialElement = containerElement.querySelector('.big-picture__social');
+const likesElement = socialElement.querySelector('.likes-count');
+const descriptionElement = socialElement.querySelector('.social__caption');
 
 // Рендер большой картинки
-const render = ({ url, likes, comments, description }) => {
-  ImageElement.src = url;
-  LikesElement.textContent = likes;
-  DescriptionElement.textContent = description;
-  CloseButtonElement.addEventListener('click', onClickCloseButton);
-  OverlayElement.addEventListener('click', onOverlayClick);
+const renderBigPicture = ({ url, likes, comments, description }) => {
+  imageElement.src = url;
+  likesElement.textContent = likes;
+  descriptionElement.textContent = description;
+  closeButtonElement.addEventListener('click', onClickCloseButton);
+  overlayElement.addEventListener('click', onOverlayClick);
   document.addEventListener('keydown', onKeydownDocument);
   initComments(comments); // Инициализируем комментарии
-  ContainerElement.classList.remove('hidden'); // включаем видимость контейнера большой картинки
+  containerElement.classList.remove('hidden'); // включаем видимость контейнера большой картинки
   body.classList.add('modal-open'); // блокируем прокрутку body
 };
 
 // Вызов закрытия картинки нажатием на закрывающий элемент
 function onClickCloseButton () {
-  close();
+  closeBigPicture();
 }
 
 // Вызов закрытия картинки нажатием мимо модального окна
 function onOverlayClick(evt) {
-  if (evt.target === OverlayElement) {
-    close();
+  if (evt.target === overlayElement) {
+    closeBigPicture();
   }
 }
 
@@ -45,15 +45,15 @@ function onOverlayClick(evt) {
 function onKeydownDocument (evt) {
   if (isEscapeKey(evt)) {
     evt.preventDefault();
-    close();
+    closeBigPicture();
   }
 }
 
-function close () {
-  CloseButtonElement.removeEventListener('click', onClickCloseButton);
-  ContainerElement.removeEventListener('click', onOverlayClick);
+function closeBigPicture () {
+  closeButtonElement.removeEventListener('click', onClickCloseButton);
+  containerElement.removeEventListener('click', onOverlayClick);
   document.removeEventListener('keydown', onKeydownDocument);
-  ContainerElement.classList.add('hidden');
+  containerElement.classList.add('hidden');
   body.classList.remove('modal-open');
 }
 
@@ -67,7 +67,7 @@ const setupPictureEventListeners = (photoCollection) => {
     const id = target.dataset.pictureId; // поиск по установленному атрибуту data-set-id
     if (id) {
       const foundedPhoto = photoCollection.find((picture) => picture.id === Number(id));
-      render(foundedPhoto);
+      renderBigPicture(foundedPhoto);
     }
   });
 };