generate-card__fix

Mirror45 · Feb 1, 2024 · 21756af · 21756af
1 parent 5d251c7
commit 21756af
Show file tree

Hide file tree

Showing 3 changed files with 27 additions and 18 deletions.
diff --git a/js/forms.js b/js/forms.js
@@ -28,11 +28,11 @@ const activateFilters = () => {
 };
 
 const forms = ['.ad-form', '.map__filters'].map((selector) => {
-  formElement.document.querySelector(`${selector}`);
+  const formElements = document.querySelector(`${selector}`);
   //Возвращаем новый объект: каждой формы, все поля форм, и класс disabled формы
   return {
     formElement,
-    partElements: formElement.querySelectorAll('fieldset, select'),
+    partElements: formElements.querySelectorAll('fieldset, select'),
     disabledClass: `${selector}--disabled`
   };
 });

diff --git a/js/generate-card.js b/js/generate-card.js
@@ -1,4 +1,4 @@
-import { fillElement } from './util.js';
+import { fillElement, getGuestsNumber, getRoomsNumber, } from './util.js';
 
 const cardTemplateElement = document.querySelector('#card').content.querySelector('.popup');
 
@@ -15,32 +15,21 @@ const generateCard = (data) => {
   // Тип жилья
   cardElement.querySelector('.popup__type').textContent = offer.type;
   // Количество комнат
-  cardElement.querySelector('.popup__text--capacity').textContent = `${offer.rooms} комнаты для ${offer.guests} гостей`;
+  cardElement.querySelector('.popup__text--capacity').textContent = `${getRoomsNumber(offer.rooms)} для ${getGuestsNumber(offer.guests)}`;
   // Время заезда и выезда
-  cardElement.querySelector(
-    '.popup__text--time'
-  ).textContent = `Заезд после ${offer.checkin}, выезд до ${offer.checkout}`;
+  cardElement.querySelector('.popup__text--time').textContent = `Заезд после ${offer.checkin}, выезд до ${offer.checkout}`;
   // Доступные удобства
   const featuresElement = cardElement.querySelector('.popup__features');
-  fillElement(
-    featuresElement,
-    offer.features,
-    (feature) => `<li class="popup__feature popup__feature--${feature}"></li>`
-  );
+  fillElement(featuresElement, offer.features, (feature) => `<li class="popup__feature popup__feature--${feature}"></li>`);
   // Описание объявления
   cardElement.querySelector('.popup__description').textContent = offer.description;
   // Фотографии объявления
   const photoElement = cardElement.querySelector('.popup__photos');
-  fillElement(
-    photoElement,
-    offer.photos,
-    (photos) => `<img src="${photos}" class="popup__photo" width="45" height="40" alt="Фотография жилья" />`
-  );
+  fillElement(photoElement, offer.photos, (photos) => `<img src="${photos}" class="popup__photo" width="45" height="40" alt="Фотографии жилья" />`);
   // Аватар пользователя
   const avatarUserElement = cardElement.querySelector('.popup__avatar');
   avatarUserElement.src = author.avatar;
 
-  //возвращаем заполненую карточку
   return cardElement;
 };
 

diff --git a/js/util.js b/js/util.js
@@ -45,6 +45,24 @@ const fillElement = (
   }
 };
 
+const getGuestsNumber = (guests) => {
+  return guests % 10 === 1 && guests !== 11 ? `${guests} гостя` : `${guests} гостей`;
+};
+
+const getRoomsNumber = (rooms) => {
+  const reminder = rooms % 10;
+  if ((rooms >= 5 && rooms <= 20) || rooms === 0) {
+    return `${rooms} комнат`;
+  }
+  if (reminder === 1) {
+    return `${rooms} комната`;
+  }
+  if (reminder > 1 && reminder < 5) {
+    return `${rooms} комнаты`;
+  }
+  return `${rooms} комнат`;
+};
+
 const showAlert = (message) => {
   const alertContainer = document.createElement('div');
   alertContainer.style.zIndex = '100';
@@ -83,6 +101,8 @@ export {
   getFixedNumber,
   shufflArray,
   fillElement,
+  getGuestsNumber,
+  getRoomsNumber,
   showAlert,
   debounce
 };