diff --git a/boilerplateHTMLtemplate.html b/boilerplateHTMLtemplate.html index aeac321..761efc8 100644 --- a/boilerplateHTMLtemplate.html +++ b/boilerplateHTMLtemplate.html @@ -127,6 +127,10 @@ margin-bottom: 20px; overflow: hidden; position: relative; + width: 400px; + height: 400px; + display: grid; + border: 3px solid gray; } /* Board shapes */ @@ -383,7 +387,8 @@ /* === STUDENT TASK 2: CREATE THE CHESS BOARD FUNCTION === */ // TODO: Create the createChessBoard function - /* YOUR CODE HERE */ { + /* YOUR CODE HERE */ + function createChessBoard(){ const board = document.getElementById('chess-board'); // Code to create chess squares @@ -395,7 +400,9 @@ // Outer loop for rows (0 to 7) /* YOUR CODE HERE */ { // Inner loop for columns (0 to 7) - /* YOUR CODE HERE */ { + + for (let row = 0; row < 8; row++) { + for (let col = 0; col < 8; col++) { // Create a cell element const cell = document.createElement('div');