Wordle Grid

grid.js

let grid = document.querySelector("#game");

// the number of guesses
let guessesAllowed = 4;
// the length of the word
let wordLength = 3;

// generate 3 rows
let fragement = document.createDocumentFragment();

let generateGrid = () => {
    // where each row contains 3 columns
    Array.from({length: guessesAllowed}).forEach(() => {
        let row = document.createElement('div');

        row.classList.add('row');

        Array.from({length: wordLength}).forEach(() =>{
            let tile = document.createElement('div');

            tile.classList.add('tile');
            row.appendChild(tile);
        });
        fragement.appendChild(row);
    });
    //append to the grid

    grid.append(fragement);

}


generateGrid();