diff --git a/boilerplateHTMLtemplate.html b/boilerplateHTMLtemplate.html index aeac321..2a0fcaa 100644 --- a/boilerplateHTMLtemplate.html +++ b/boilerplateHTMLtemplate.html @@ -120,7 +120,10 @@ /* TODO: Add a 3px solid gray border */ /* YOUR CODE HERE */ - + width: 400px; + height: 400px; + display: grid; + border: 3px solid gray; grid-template-columns: repeat(var(--grid-size), 1fr); grid-template-rows: repeat(var(--grid-size), 1fr); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5); @@ -375,7 +378,7 @@ announceBtn.addEventListener('click', announceGameState); // Initialize the chess board - function initializeGame() { + function createChessBoard() { createBoard(); setupPieces(); updateGameStatus(); @@ -393,7 +396,8 @@ /* === STUDENT TASK 3: CREATE NESTED FOR LOOPS === */ // TODO: Create nested for loops to make an 8x8 grid // Outer loop for rows (0 to 7) - /* YOUR CODE HERE */ { + for (let row = 0; row < 8; row++) { + for (let col = 0; col < 8; col++) { // Inner loop for columns (0 to 7) /* YOUR CODE HERE */ {