kornerr/MMMemory
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

d

Browse Source
This commit is contained in:
Михаил Капелько
2023-05-22 19:47:15 +03:00
parent a8031b790a
commit 7f4e8bd09e
1 changed files with 35 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

47
web/memory.html
View File

@@ -5,6 +5,30 @@
</head> </head>
<body> <body>
</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> <script>
var items = [] var items = []
@@ -17,18 +41,17 @@
} }
// SectionGrid. // SectionGrid.
let side = Number(50) var M = {
let space = Number(20) itemsCount: items.length
let gap = Number(side + space) };
for (var id in items) { let positions = memoryItemPositions(M);
var item = items[id] for (var id in positions) {
let row = Math.floor(id / 4) var p = positions[id]
let x = gap + (id - row * 4) * gap var item = items[id];
let y = gap + row * gap item.style.left = `${p[0]}px`
item.style.left = `${x}px` item.style.top = `${p[1]}px`
item.style.top = `${y}px` item.style.width = `${memorySide()}px`
item.style.width = `${side}px` item.style.height = `${memorySide()}px`
item.style.height = `${side}px`
item.style.position = "absolute" item.style.position = "absolute"
item.style.background = "blue" item.style.background = "blue"
} }