Архитектурный шаблон "Мрак в моделях" на нескольких языках и платформах
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

48 lines
1.2KB

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>Память | Memory</title>
  5. </head>
  6. <body>
  7. </body>
  8. <script src="../shared/JavaScript/memoryGap.js"></script>
  9. <script src="../shared/JavaScript/memoryItemPositions.js"></script>
  10. <script src="../shared/JavaScript/memorySide.js"></script>
  11. <script src="../shared/JavaScript/memorySpace.js"></script>
  12. <script>
  13. var items = []
  14. // Section16Buttons.
  15. for (var i = 0; i < 16; i++) {
  16. let item = document.createElement("div")
  17. document.body.appendChild(item)
  18. items.push(item)
  19. item.id = `${i}`
  20. }
  21. // SectionGrid.
  22. var M = {
  23. itemsCount: items.length
  24. };
  25. let positions = memoryItemPositions(M);
  26. for (var id in positions) {
  27. var p = positions[id]
  28. var item = items[id];
  29. item.style.left = `${p.x}px`
  30. item.style.top = `${p.y}px`
  31. item.style.width = `${memorySide()}px`
  32. item.style.height = `${memorySide()}px`
  33. item.style.position = "absolute"
  34. item.style.background = "blue"
  35. }
  36. // SectionSelection.
  37. for (let id in items) {
  38. var item = items[id]
  39. item.onclick = function() {
  40. console.log("ИГР select id:", id)
  41. }
  42. }
  43. </script>
  44. </html>