Merge pull request #4 from AlenaBeloglazova/module5-task1

Модуляция

Author: summertime-fms

index.html

@@ -234,6 +234,6 @@ <h2 class="data-error__title">Не удалось загрузить данны
       </section>
     </template>
 <script src="./js/functions.js"></script>
-<script src="./js/main.js"></script>
+<script src="./js/main.js" type="module"></script>
 </body>
 </html>

js/const.js

@@ -0,0 +1,12 @@
+export const MESSAGES = ['Всё отлично!', 'В целом всё неплохо. Но не всё.', 'Когда вы делаете фотографию, хорошо бы убирать палец из кадра. В конце концов это просто непрофессионально.',
+  'Моя бабушка случайно чихнула с фотоаппаратом в руках и у неё получилась фотография лучше.', 'Я поскользнулся на банановой кожуре и уронил фотоаппарат на кота и у меня получилась фотография лучше.',
+  'Лица у людей на фотке перекошены, как будто их избивают. Как можно было поймать такой неудачный момент?!'];
+
+export const NAMES = ['Сергей', 'Иван', 'Дмитрий', 'Роман', 'Александр', 'Виктория', 'Ольга', 'Светлана', 'Михаил', 'Анастасия', 'Валентина', 'Петр', 'Виктор',];
+export const MIN_LIKES = 15;
+export const MAX_LIKES = 200;
+export const POSTS_COUNT = 25;
+export const MIN_COMMENTS = 0;
+export const MAX_COMMENTS = 30;
+
+

js/data.js

@@ -0,0 +1,40 @@
+import {getUniqueId, getRandomInteger} from './util.js';
+import {MESSAGES, NAMES, MIN_LIKES, MAX_LIKES, POSTS_COUNT, MIN_COMMENTS, MAX_COMMENTS} from './const.js';
+
+const createComments = (createPostCommentIdGenerator) => {
+  const randomMessageIndex = getRandomInteger(0, MESSAGES.length - 1);
+  const randomNameIndex = getRandomInteger(0, NAMES.length - 1);
+  const avatarId = getRandomInteger(1, 6);
+
+  return {
+    id: createPostCommentIdGenerator(),
+    avatar: `img/avatar-${ avatarId }.svg`,
+    message: MESSAGES[randomMessageIndex],
+    name: NAMES[randomNameIndex],
+  };
+};
+
+
+const createPhoto = () => {
+  const id = getUniqueId();
+  const commentCount = getRandomInteger (MIN_COMMENTS, MAX_COMMENTS);
+
+  const createPostCommentIdGenerator = (() => {
+    let commentId = 0;
+    return () => ++commentId;
+  })();
+
+  const similarComments = Array.from({length: commentCount}, () => createComments(createPostCommentIdGenerator));
+
+  return {
+    id: id,
+    url: `photos/${ id }.jpg`,
+    description: `Фотография №${ id }`,
+    likes: getRandomInteger(MIN_LIKES, MAX_LIKES),
+    comments: similarComments,
+  };
+};
+
+const similarPhotos = Array.from({length: POSTS_COUNT}, createPhoto);
+
+export {similarPhotos};

js/main.js

@@ -1,69 +1,4 @@
-const MESSAGE = ['Всё отлично!', 'В целом всё неплохо. Но не всё.', 'Когда вы делаете фотографию, хорошо бы убирать палец из кадра. В конце концов это просто непрофессионально.',
-  'Моя бабушка случайно чихнула с фотоаппаратом в руках и у неё получилась фотография лучше.', 'Я поскользнулся на банановой кожуре и уронил фотоаппарат на кота и у меня получилась фотография лучше.',
-  'Лица у людей на фотке перекошены, как будто их избивают. Как можно было поймать такой неудачный момент?!'];
 
-const NAMES = ['Сергей', 'Иван', 'Дмитрий', 'Роман', 'Александр', 'Виктория', 'Ольга', 'Светлана', 'Михаил', 'Анастасия', 'Валентина', 'Петр', 'Виктор',];
-const MIN_LIKES = 15;
-const MAX_LIKES = 200;
-const POSTS_COUNT = 25;
-const MIN_COMMENTS = 0;
-const MAX_COMMENTS = 30;
-
-const getRandomInteger = (a, b) => {
-  const lower = Math.ceil(Math.min(a, b));
-  const upper = Math.floor(Math.max(a, b));
-  const result = Math.random() * (upper - lower + 1) + lower;
-  return Math.floor(result);
-};
-
-const getUniqueId = (() => {
-  const used = [];
-  return () => {
-    let num;
-    num = getRandomInteger(1, 25);
-    while (used.includes(num)) {
-      num = getRandomInteger(1, 25);
-    }
-    used.push(num);
-    return num;
-  };
-})();
-
-
-const createComments = (createPostCommentIdGenerator) => {
-  const randomMessageIndex = getRandomInteger(0, MESSAGE.length - 1);
-  const randomNameIndex = getRandomInteger(0, NAMES.length - 1);
-  const avatarId = getRandomInteger(1, 6);
-
-  return {
-    id: createPostCommentIdGenerator(),
-    avatar: `img/avatar-${ avatarId }.svg`,
-    message: MESSAGE[randomMessageIndex],
-    name: NAMES[randomNameIndex],
-  };
-};
-
-
-const createPhoto = () => {
-  const id = getUniqueId();
-  const commentCount = getRandomInteger (MIN_COMMENTS, MAX_COMMENTS);
-
-  const createPostCommentIdGenerator = (() => {
-    let commentId = 0;
-    return () => ++commentId;
-  })();
-
-  const similarComments = Array.from({length: commentCount}, () => createComments(createPostCommentIdGenerator));
-
-  return {
-    id: id,
-    url: `photos/${ id }.jpg`,
-    description: `Фотография №${ id }`,
-    likes: getRandomInteger(MIN_LIKES, MAX_LIKES),
-    comments: similarComments,
-  };
-};
-
-const similarPhotos = Array.from({length: POSTS_COUNT}, createPhoto);
+import {similarPhotos} from './data.js';
 
 console.dir(similarPhotos, { depth: null });

js/util.js

@@ -0,0 +1,22 @@
+const getRandomInteger = (a, b) => {
+  const lower = Math.ceil(Math.min(a, b));
+  const upper = Math.floor(Math.max(a, b));
+  const result = Math.random() * (upper - lower + 1) + lower;
+  return Math.floor(result);
+};
+
+const getUniqueId = (() => {
+  const used = [];
+  return () => {
+    let num;
+    num = getRandomInteger(1, 25);
+    while (used.includes(num)) {
+      num = getRandomInteger(1, 25);
+    }
+    used.push(num);
+    return num;
+  };
+})();
+
+export {getRandomInteger};
+export{getUniqueId};