Sequential 'ForEach' functions doesn't work.

 tileMap01.mapGrid.forEach( element => {
        element.forEach( ele => {
            console.log(ele);
            switch(ele) {
                case " ":
                    let iele = document.createElement(img);
                    iele.id = "emptyImg" + counter++;
                    console.log(iele.id);
                    iele.src = "/images/tile1.png";
                    
                    console.log(iele);

                    document.body.appendChild(iele);

 tileMap01.mapGrid.forEach( element => {
        element.forEach( ele => {
            console.log(ele);
            switch(ele) {
                case " ":
                    let iele = document.createElement(img);
                    iele.id = "emptyImg" + counter++;
                    console.log(iele.id);
                    iele.src = "/images/tile1.png";
                    
                    console.log(iele);

                    document.body.appendChild(iele);