From dda80df8825f8c979319424270c59ff5bbda84a2 Mon Sep 17 00:00:00 2001 From: Tissevert Date: Sat, 23 Jul 2022 18:33:01 +0200 Subject: [PATCH] Populate the grid dynamically --- css/main.css | 3 +++ index.html | 4 ++-- js/Grid.js | 18 ++++++++++++++++++ js/Main.js | 4 ++-- 4 files changed, 25 insertions(+), 4 deletions(-) create mode 100644 js/Grid.js diff --git a/css/main.css b/css/main.css index e69de29..e2009d2 100644 --- a/css/main.css +++ b/css/main.css @@ -0,0 +1,3 @@ +#mode { + list-style: none; +} diff --git a/index.html b/index.html index 6c62354..172308b 100644 --- a/index.html +++ b/index.html @@ -8,10 +8,10 @@
-
+
diff --git a/js/Grid.js b/js/Grid.js new file mode 100644 index 0000000..4484c2f --- /dev/null +++ b/js/Grid.js @@ -0,0 +1,18 @@ +import * as Dom from UnitJS.Dom; + +var size = 8; + +return { + init: init +} + +function init(elementId) { + var gridElement = document.getElementById(elementId || 'grid'); + for(var row = 0; row < size; row++) { + var cells = []; + for(var column = 0; column < size; column++) { + cells.push(Dom.make('td')); + } + gridElement.appendChild(Dom.make('tr', {}, cells)); + } +} diff --git a/js/Main.js b/js/Main.js index a7a2624..9f52774 100644 --- a/js/Main.js +++ b/js/Main.js @@ -1,3 +1,3 @@ -import * as Dom from UnitJS.Dom; +import Grid; -console.log('plip'); +Grid.init();