Merge pull request #5 from skyfxllen/module5-task1

index.html

@@ -229,5 +229,5 @@ <h2 class="success__title">Изображение успешно загруже
 
 </body>
 <script src="js/function.js"></script>
-<script src="js/main.js"></script>
+<script src="js/main.js" type="module"></script>
 </html>

js/constants.js

@@ -0,0 +1,29 @@
+const descriptions = ["Вся красота мира в одной картинке",
+  "Моменты, которые запечатлены навсегда",
+  "Счастье в каждом кадре",
+  "Когда слова не нужны, достаточно фотографии",
+  "История, рассказанная через объектив",
+  "Остановить время в одном кадре",
+  "Фотография — это способ улыбнуться в будущем",
+  "Сегодня — самый лучший день",
+  "Я не доверяю словам. Я доверяю фотографиям",
+  "Фотографии — это свидетельство о том, что мы жили",
+  "Момент, когда небо и земля сливаются воедино",
+  "В объектив всегда видна правда — это как детектор лжи",
+  "Сделано объективом и любовью",
+  "Счастье никогда не выходит из моды",
+  "Лишь тот, кто странствует, открывает новые пути",
+  "Зарядитесь нашим теплом",
+  "Жизнь лучше, когда ты смеешься",];
+
+const comments = [
+  "Всё отлично! ",
+  "В целом всё неплохо. Но не всё.",
+  "Когда вы делаете фотографию, хорошо бы убирать палец из кадра. В конце концов это просто непрофессионально.",
+  "Моя бабушка случайно чихнула с фотоаппаратом в руках и у неё получилась фотография лучше.",
+  "Я поскользнулся на банановой кожуре и уронил фотоаппарат на кота и у меня получилась фотография лучше.",
+  "Лица у людей на фотке перекошены, как будто их избивают. Как можно было поймать такой неудачный момент?!"
+];
+const names = ["Елизавета", "Алексей", "Михаил", "Александр", "Владимир", "София"];
+
+export {names, comments, descriptions};

js/data.js

@@ -0,0 +1,32 @@
+import {getARandomNumber} from './utils.js';
+import {names, comments, descriptions} from './constants.js';
+export function createArrayOfPhotos(){
+  const photos = [];
+  for (let i = 0; i < 25; i++){
+    const newPhoto = {
+      id : i + 1,
+      url: `photos/${i + 1}.jpg`,
+      description: descriptions[getARandomNumber(descriptions.length)],
+      likes: getARandomNumber(200, 15),
+      comments: createArrayOfComments(),
+    };
+    photos.push(newPhoto);
+  }
+  return photos;
+}
+
+export function createArrayOfComments(){
+  const randomNumberOfComments = getARandomNumber(30);
+  const newComments = [];
+  for (let i = 0; i < randomNumberOfComments; i++){
+    const newComment = {
+      id: i + 1,
+      avatar: `img/avatar-${getARandomNumber(6, 1)}.svg`,
+      message: Array.from({ length: getARandomNumber(2, 1) }, () => comments[getARandomNumber(comments.length)]).join('\n'),
+      name: names[getARandomNumber(names.length)],
+    };
+    newComments.push(newComment);
+  }
+  return newComments;
+}
+

js/main.js

@@ -1,63 +1,4 @@
-const descriptions = ["Вся красота мира в одной картинке",
-  "Моменты, которые запечатлены навсегда",
-  "Счастье в каждом кадре",
-  "Когда слова не нужны, достаточно фотографии",
-  "История, рассказанная через объектив",
-  "Остановить время в одном кадре",
-  "Фотография — это способ улыбнуться в будущем",
-  "Сегодня — самый лучший день",
-  "Я не доверяю словам. Я доверяю фотографиям",
-  "Фотографии — это свидетельство о том, что мы жили",
-  "Момент, когда небо и земля сливаются воедино",
-  "В объектив всегда видна правда — это как детектор лжи",
-  "Сделано объективом и любовью",
-  "Счастье никогда не выходит из моды",
-  "Лишь тот, кто странствует, открывает новые пути",
-  "Зарядитесь нашим теплом",
-  "Жизнь лучше, когда ты смеешься",];
+import {createArrayOfPhotos} from './data.js';
 
-const comments = [
-  "Всё отлично! ",
-  "В целом всё неплохо. Но не всё.",
-  "Когда вы делаете фотографию, хорошо бы убирать палец из кадра. В конце концов это просто непрофессионально.",
-  "Моя бабушка случайно чихнула с фотоаппаратом в руках и у неё получилась фотография лучше.",
-  "Я поскользнулся на банановой кожуре и уронил фотоаппарат на кота и у меня получилась фотография лучше.",
-  "Лица у людей на фотке перекошены, как будто их избивают. Как можно было поймать такой неудачный момент?!"
-];
-const names = ["Елизавета", "Алексей", "Михаил", "Александр", "Владимир", "София"];
+createArrayOfPhotos();
 
-function getARandomNumber(max, min = 0){
-  return min !== 0 ? Math.floor(Math.random() * max + (max - min)) : Math.floor(Math.random() * max);
-}
-
-function createArrayOfOPhotos(){
-  const photos = [];
-  for (let i = 0; i < 25; i++){
-    const newPhoto = {
-      id : i + 1,
-      url: `photos/${i + 1}.jpg`,
-      description: descriptions[getARandomNumber(descriptions.length)],
-      likes: getARandomNumber(200, 15),
-      comments: createArrayOfComments(),
-    };
-    photos.push(newPhoto);
-  }
-  return photos;
-}
-
-function createArrayOfComments(){
-  const randomNumberOfComments = getARandomNumber(30);
-  const newComments = [];
-  for (let i = 0; i < randomNumberOfComments; i++){
-    const newComment = {
-      id: i + 1,
-      avatar: `img/avatar-${getARandomNumber(6, 1)}.svg`,
-      message: Array.from({ length: getARandomNumber(2, 1) }, () => comments[getARandomNumber(comments.length)]).join('\n'),
-      name: names[getARandomNumber(names.length)],
-    };
-    newComments.push(newComment);
-  }
-  return newComments;
-}
-
-createArrayOfOPhotos();

js/utils.js

@@ -0,0 +1,3 @@
+export function getARandomNumber(max, min = 0){
+  return min !== 0 ? Math.floor(Math.random() * max + (max - min)) : Math.floor(Math.random() * max);
+}