прошу помощи с кодом (клавиатура телефона)

[webdudee]

начал учиться программировать, задача сделать клавиатуру набора как на телефоне. Столкнулся с проблемой, рендер идет с обратной стороны, помогите исправить ошибку нубу. Заранее спасибо.

Джава код

// index.js
function generatePad(root) {
    var i, j;
    var keys = ["*", "0", "#"];
    for (i = 1; i <=9;i++) {
        keys.push(i.toString());
    }
    
    // generate Pad
    var counter = 0;
    var div_table = document.createElement("div");
    div_table.style.display = "table";
    
    for (i = 0; i < 4;i++) {
        var div_row = document.createElement("div");
        div_row.setAttribute("class", "row");
        for (j = 0; j < 3;j++) {
            var div_cell = document.createElement("div");
            div_cell.setAttribute("class", "cell");
            div_cell.innerHTML = keys[counter];
            div_row.appendChild(div_cell);
            counter++;
        } // j
        div_table.appendChild(div_row);
    } // i
    root.appendChild(div_table);
} // end of function

цсс код

// index.js
function generatePad(root) {
    var i, j;
    var keys = ["*", "0", "#"];
    for (i = 1; i <=9;i++) {
        keys.push(i.toString());
    }
    
    // generate Pad
    var counter = 0;
    var div_table = document.createElement("div");
    div_table.style.display = "table";
    
    for (i = 0; i < 4;i++) {
        var div_row = document.createElement("div");
        div_row.setAttribute("class", "row");
        for (j = 0; j < 3;j++) {
            var div_cell = document.createElement("div");
            div_cell.setAttribute("class", "cell");
            div_cell.innerHTML = keys[counter];
            div_row.appendChild(div_cell);
            counter++;
        } // j
        div_table.appendChild(div_row);
    } // i
    root.appendChild(div_table);
} // end of function

[dummy_user]

Попробуйте написать что-то типа:

div_cell.innerHTML = keys[9 - counter];

[webdudee]

стояли задача сделать номера
123
456
789
*0#
Решил поделиться своим успехом.
Изменил
1) for (i = 1; i <=9;i++) на for (i = 9; i >=1;i--)
2) ["*", "0", "#"] на ["#", "0", "*"]
3) div_cell.innerHTML = keys[counter] на keys[ 11 - counter]
Спасибо dummy_user за отличную наводку, очень помогло, только я до сих пор не могу понять почему [ 11 - counter].