Tissevert
/
Constellations
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Populate the grid dynamically

This commit is contained in:
Tissevert 2022-07-23 18:33:01 +02:00
parent c6a84321d4
commit dda80df882
4 changed files with 25 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
css/main.css
View File

@ -0,0 +1,3 @@
#mode {
list-style: none;
}

4
index.html
View File

@ -8,10 +8,10 @@
</head>
<body>
<ul id="mode">
<li id="edit"></li>
<li id="edit">Édition</li>
</ul>
<div id="playground">
<div id="grid"></div>
<table id="grid"></table>
</div>
</body>
</html>

18
js/Grid.js Normal file
View File

@ -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));
}
}

4
js/Main.js
View File

@ -1,3 +1,3 @@
import * as Dom from UnitJS.Dom;
import Grid;
console.log('plip');
Grid.init();