Я знаю, в чем проблема, не могу найти решение? Рендеринг не удается, полуколульмы отсутствуют

---

я знаю, что мне где-то не хватает полуколонок, не знаю, где именно и что происходит не так,
я добавил их к каждой строке после того,как мне сказали, что проблема не была решена, вишня не рендерится на игровом поле, остальные вещи работают нормально, я хотел бы исправить и объяснить :D

var EMPTY = ' ';
var CHERRY = 'ૌ'
    setInterval(renderCherry, 5000)

    function renderCherry() {
      var randCol = getRandomIntInclusive(0, gBoard.length - 1)
      var randRow = getRandomIntInclusive(0, gBoard[0] - 1)
      var pos = { i: randRow, j: randCol }
      var x = 0
        (gBoard[randCol][randRow] !== EMPTY) ? x++ : renderCell(pos, CHERRY)

    }


    function renderCell(location, value) {
      // Select the elCell and set the value
      var elCell = document.querySelector(`.cell${location.i}-${location.j}`);
      elCell.innerHTML = value;
    }

Что я уже пробовал:

пробовал добавлять полуколонны после каждой строки , не помогло?

---