hw1

src/app.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { createElement } from './utils.js';
+import { createElement, formatCount } from './utils.js';
 import './styles.css';
 
 /**
@@ -27,7 +27,7 @@ function App({ store }) {
                 onClick={() => store.selectItem(item.code)}
               >
                 <div className="Item-code">{item.code}</div>
-                <div className="Item-title">{item.title}</div>
+                <div className="Item-title">{item.title} {item.count && `| Выделили ${formatCount(item.count)}`}</div>
                 <div className="Item-actions">
                   <button onClick={() => store.deleteItem(item.code)}>Удалить</button>
                 </div>

src/store.js

@@ -1,10 +1,14 @@
+import { getLengthArray } from "./utils";
+
 /**
  * Хранилище состояния приложения
  */
 class Store {
   constructor(initState = {}) {
     this.state = initState;
     this.listeners = []; // Слушатели изменений состояния
+    this.lastCode = getLengthArray(this.state.list);
+    this.count = 1;
   }
 
   /**
@@ -44,7 +48,7 @@ class Store {
   addItem() {
     this.setState({
       ...this.state,
-      list: [...this.state.list, { code: this.state.list.length + 1, title: 'Новая запись' }],
+      list: [...this.state.list, { code: this.lastCode += 1, title: 'Новая запись' }],
     });
   }
 
@@ -67,9 +71,16 @@ class Store {
     this.setState({
       ...this.state,
       list: this.state.list.map(item => {
-        if (item.code === code) {
+        if (item.selected || item.code === code) {
           item.selected = !item.selected;
         }
+        if (item.selected) {
+          if (item.count >= 1) {
+            item.count++;
+          } else {
+            item.count = this.count;
+          }
+        }
         return item;
       }),
     });

src/utils.js

@@ -26,3 +26,33 @@ export function createElement(name, props = {}, ...children) {
 
   return element;
 }
+
+export function formatCount(count) {
+  const lastNum = count % 10;
+
+  if (lastNum === 2 || lastNum === 3 || lastNum === 4) {
+
+    if (count % 100 >= 12 && count % 100 <= 14) {
+      return `${count} раз`;
+    } else {
+      return `${count} раза`;
+    }
+
+  } else {
+      return `${count} раз`;
+  } 
+
+}
+
+export function getLengthArray(array) {
+
+  if (array.length === 0) {
+    return 0;
+  } else {
+    const arrayCode = array.map((item) => {
+      return item.code;
+    })
+    return Math.max.apply(null, arrayCode);
+  }
+
+}