From 7f4e8bd09e0b08561f82f1c5358949e6b9d09a99 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=D0=9C=D0=B8=D1=85=D0=B0=D0=B8=D0=BB=20=D0=9A=D0=B0=D0=BF?=
 =?UTF-8?q?=D0=B5=D0=BB=D1=8C=D0=BA=D0=BE?= <m.kapelko@iva-tech.ru>
Date: Mon, 22 May 2023 19:47:15 +0300
Subject: [PATCH] d

---
 web/memory.html | 47 +++++++++++++++++++++++++++++++++++------------
 1 file changed, 35 insertions(+), 12 deletions(-)
diff --git a/web/memory.html b/web/memory.html
index ab8a249..0728309 100644
--- a/web/memory.html
+++ b/web/memory.html
@@ -5,6 +5,30 @@
   </head>
   <body>
   </body>
+  <script>
+    function memorySide() {
+      return 50
+    }
+
+    function memorySpace() {
+      return 20
+    }
+
+    function memoryGap() {
+      return memorySide() + memorySpace()
+    }
+
+    function memoryItemPositions(M) {
+      var pos = [];
+      for (var i = 0; i < M.itemsCount; i++) {
+        let row = Math.floor(i / 4)
+        let x = memoryGap() + (i - row * 4) * memoryGap()
+        let y = memoryGap() + row * memoryGap()
+        pos.push([x, y])
+      }
+      return pos
+    }
+  </script>
   <script>
     var items = []
 
@@ -17,18 +41,17 @@
     }
 
     // SectionGrid.
-    let side = Number(50)
-    let space = Number(20)
-    let gap = Number(side + space)
-    for (var id in items) {
-      var item = items[id]
-      let row = Math.floor(id / 4)
-      let x = gap + (id - row * 4) * gap
-      let y = gap + row * gap
-      item.style.left = `${x}px`
-      item.style.top = `${y}px`
-      item.style.width = `${side}px`
-      item.style.height = `${side}px`
+    var M = {
+      itemsCount: items.length
+    };
+    let positions = memoryItemPositions(M);
+    for (var id in positions) {
+      var p = positions[id]
+      var item = items[id];
+      item.style.left = `${p[0]}px`
+      item.style.top = `${p[1]}px`
+      item.style.width = `${memorySide()}px`
+      item.style.height = `${memorySide()}px`
       item.style.position = "absolute"
       item.style.background = "blue"
     }
