исправляет замечания насчет названий

htmlacademy-javascript · Dec 8, 2024 · a3d8bdb · a3d8bdb
1 parent b5b673f
commit a3d8bdb
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 8 deletions.
diff --git a/js/main.js b/js/main.js
@@ -1,6 +1,6 @@
 import './util.js';
 import {createPhotoList} from './data.js';
-import {renderThumbnails, pictures} from './render-thumbnails.js';
+import {renderThumbnails, picturesContainer} from './render-thumbnails.js';
 import {initClickListener} from './open-full-picture.js';
 
 const data = createPhotoList();

diff --git a/js/open-full-picture.js b/js/open-full-picture.js
@@ -1,5 +1,5 @@
 import {isEscapeKey} from './util.js';
-import {pictures} from './render-thumbnails.js';
+import {picturesContainer} from './render-thumbnails.js';
 import {createComment} from './data.js';
 
 const closeButton = document.querySelector('.big-picture__cancel');
@@ -41,7 +41,7 @@ function closeFullPicture() {
 }
 
 const initClickListener = (data) => {
-  pictures.addEventListener('click', (evt) => {
+  picturesContainer.addEventListener('click', (evt) => {
     const currentPicture = evt.target.closest('.picture');
 
     if (currentPicture) {

diff --git a/js/render-thumbnails.js b/js/render-thumbnails.js
@@ -1,7 +1,7 @@
 import {createPhotoList} from './data.js';
 
-const pictures = document.querySelector('.pictures');
-const thumbnailsTemplate = document.querySelector('#picture')
+const picturesContainer = document.querySelector('.pictures');
+const thumbnailTemplate = document.querySelector('#picture')
   .content
   .querySelector('.picture');
 
@@ -11,7 +11,7 @@ const renderThumbnails = () => {
   const usersThumbnailsFragment = document.createDocumentFragment();
 
   usersThumbnails.forEach((photo) => {
-    const usersElement = thumbnailsTemplate.cloneNode(true);
+    const usersElement = thumbnailTemplate.cloneNode(true);
     usersElement.dataset.pictureId = photo.id;
     usersElement.querySelector('.picture__img').src = photo.url;
     usersElement.querySelector('.picture__img').alt = photo.description;
@@ -20,8 +20,8 @@ const renderThumbnails = () => {
     usersThumbnailsFragment.appendChild(usersElement);
   });
 
-  pictures.appendChild(usersThumbnailsFragment);
+  picturesContainer.appendChild(usersThumbnailsFragment);
 
 };
 
-export {renderThumbnails, pictures};
+export {renderThumbnails, picturesContainer};