Why are my dives not showing up on browser?

    `const divArray = [];
    const grid = document.getElementById('grid');
    var hs = document.getElementsByTagName('h1');
    for(let i = 0 ; i< 10 ; i++){
    const div = document.createElement('div');  

        div.className +='grid-box'; 
        divArray.push(div);

    }
    document.getElementById('id').textContent="Hay their,"
    console.log(divArray);
    for(let i = 0 ; i< 10 ; i++){
    divArray[i].style.height='20px';
    divArray[i].style.width='20px';
    divArray[i].style.color="black";
    document.body.appendChild(divArray[i]);
    }`

VS code by the way.
No errors, no warnings,
No mistake with liking script.
Then what is it?