Как окрасить шахматную доску с помощью if?

Question

[laman27]

https://jsfiddle.net/qybzj5uv/47/
У меня такая таблица, хочу сделать из нее шахматную доску с помощью if.

Answer 1

[profesor08]

Как вариант можешь стилями их раскрасить, без необходимости в js.

tr:nth-child(odd) td:nth-child(odd) {
  background: white;
}

tr:nth-child(odd) td:nth-child(even) {
  background: black;
}

tr:nth-child(even) td:nth-child(even) {
  background: white;
}

tr:nth-child(even) td:nth-child(odd) {
  background: black;
}

Answer 2

[0xD34F]

.black {
  background: black;
}

.white {
  background: white;
}

document.querySelector('.info').innerHTML = `
  <table>${[...Array(8)].map((n, i) => `
    <tr>${[...Array(8)].map((m, j) => `
      <td class="${(i ^ j) & 1 ? 'black' : 'white'}"></td>`).join('')}
    </tr>`).join('')}
  </table>`;

Comments

[Владимир Проскурин]

Еще проще вот такое выражение
(i + j) % 2 ? 'black' : 'white'

Answer 3

[Stalker_RED]