Здравей,

Проблемът идва когато за n е зададено четно число. Тогава всеки ред ти започва с черен цвят, а не се редуват, всички редове са еднотипни.

Трябва да имаш 2 променливи за цвета. В едната да пазиш текущия цвят, а в другата - предния. Ако предният ти цвят е бил черен, то сегашния да ти е бял и обратно.

Ето така например: https://pastebin.com/sCzH8hsG

function chessBoard(number) {

let table = 0;

  console.log(`<div class="chessboard">`);

  for (let i = 1; i <= number; i++) {

    console.log(`  <div>`);

    for (let j = 1; j <= number; j++) {

      table++;

      if (table % 2 === 0) {

        console.log(`    <span class="white"></span>`);

      } else {

        console.log(`    <span class="black"></span>`);

      }

      if (j === number) {

        if (j % 2 === 0) {

          table++;

        }

      }

    }

    console.log(`  </div>`);

  }

  console.log(`</div>`);

}

Ето и вариант с една променлива.

Може да добавиш и една проверка накрая дали числото от последното завъртане е четно и да увеличиш counter-a с единица там, за да започне следващия път отново шахматно. Дава ти 50 от 100 judge точно поради тази причина, половината тестове минават, когато входните данни са нечетни числа, защото променливата ти " брояч " и тя е нечетна и ги реди правилно, но при входни данни четно число тя остава също такава и не се нареждат цветовете шахматно.

Болднал съм където е проверката.

Ети едно решение и от мен:

function solve(num){
    let square = "white";
    console.log("<div class=\"chessboard\">");
    for (let i = 0; i < num; i++){
        console.log("  <div>");
            for (let j = 0; j < num; j++){
               square = square === "white"? "black" : "white";
                console.log(`    <span class="${square}"></span>`);
            }
            
            if (num % 2 === 0){
                square = i % 2 === 0 ? "black" : "white";
            }
        console.log("  </div>");
    }
    console.log("</div>");
}