script.js

$(document).ready(function () {

  let cellContainer = $(".input-cell-container");

  for (let i = 1; i <= 100; i++) {
    let answer = "";
    let n = i;

    while (n > 0) {
      let rem = n % 26;
      if (rem == 0) {
        answer = "Z" + answer;
        n = Math.floor(n / 26) - 1;
      } else {
        answer = String.fromCharCode(rem - 1 + 65) + answer;
        n = Math.floor(n / 26);
      }
    }

//     let column = $(`<div class="column-name colcod-${answer} colId-${i}" >${answer}</div>`);
//     $(".column-name-container").append(column);

//     let row = $(`<div class="row-name" id="rowId-${i}">${i}</div>`);
//     $(".row-name-container").append(row);
//   }
//   for (let i = 1; i <= 100; i++) {
//     let row = $(`<div class="cell-row"></div>`);
//     for (let j = 1; j <= 100; j++) {
//         let colCode = $(`.colId-${j}`).attr("id").split("-")[1];
//         let column = $(`<div class="input-cell" contenteditable="false" id = "row-${i}-col-${j}" data="code-${colCode}"></div>`);
//         row.append(column);
//     }
//     $(".input-cell-container").append(row);
// }

let column = $(`<div class="column-name colId-${i}" id="colCod-${answer}">${answer}</div>`);
$(".column-name-container").append(column);
let row = $(`<div class="row-name" id="rowId-${i}">${i}</div>`);
$(".row-name-container").append(row);
}

for (let i = 1; i <= 100; i++) {
let row = $(`<div class="cell-row"></div>`);
for (let j = 1; j <= 100; j++) {
    let colCode = $(`.colId-${j}`).attr("id").split("-")[1];
    let column = $(`<div class="input-cell" contenteditable="true" id = "row-${i}-col-${j}" data="code-${colCode}"></div>`);
    row.append(column);
}
$(".input-cell-container").append(row);
}

});