Почему не работает setAttribute? Как устранить данную проблему?

    let tetris = document.createElement("div");
    tetris.classList.add("tetris");
 
    for (let i = 0; i <= 180; i++) {
        let excel = document.createElement("div");
        excel.classList.add("excel");
        tetris.appendChild(excel);
    }
 
    let main = document.getElementsByClassName("main")[0];
    main.appendChild(tetris);
 
    var exc = document.getElementsByClassName("excel");
    var i = 0;
 
    for (let y = 18; y > 0; y--) {
        for (let x = 1; x <= 18; x++) {
            exc[i].setAttribute("posx", x);
            exc[i].setAttribute("posy", y);
            i++;
        }
    } 
 
    let x = 5, y = 10;
    let mainArr = [
        //палка
        [
            [0, 1],
            [0, 2],
            [0, 3]
        ],
 
        //квадрат
        [
            [1, 0],
            [0, 1],
            [1, 1]
        ]
 
    ];
 
    let currentFigure = 0;
    var figureBody;
    
    function create() {
        function getRandom() {
            return Math.round(Math.random() * (mainArr.length - 1));
        }
 
        currentFigure = getRandom();
 
        figureBody = [
            document.querySelector(`[posx = "${x}"][posy = "${y}"]`),
            document.querySelector(`[posx = "${x + mainArr[currentFigure][0][0]}"][posy = "${y + mainArr[currentFigure][0][1]}"]`),
            document.querySelector(`[posx = "${x + mainArr[currentFigure][1][0]}"][posy = "${y + mainArr[currentFigure][1][1]}"]`),
            document.querySelector(`[posx = "${x + mainArr[currentFigure][2][0]}"][posy = "${y + mainArr[currentFigure][2][1]}"]`)
        ]
 
        for (let i = 0; i < figureBody.length; i++) {
            figureBody[i].classList.add("figure");
        }       
    }
 
    create();