js как вывести таблицу

Аватар пользователя Aleksey
Aleksey
05 апреля 2023

Для вывода таблицы в JavaScript можно использовать элемент table и его дочерние элементы tr (table row) и td (table data). Вот пример кода, который создает таблицу 3x3 и добавляет ее на страницу:

// создаем таблицу и добавляем ее на страницу
const table = document.createElement('table');
document.body.append(table);

// создаем три строки и добавляем их в таблицу
for (let i = 0; i < 3; i++) {
  const row = document.createElement('tr');
  table.append(row);

  // для каждой строки создаем три ячейки и добавляем их в строку
  for (let j = 0; j < 3; j++) {
    const cell = document.createElement('td');
    row.append(cell);

    // добавляем текст в ячейку
    const text = document.createTextNode(`(${i}, ${j})`);
    cell.append(text);
  }
}

В результате выполнения этого кода на странице будет создана таблица 3x3, где каждая ячейка содержит координаты в скобках.

0 0
Познакомьтесь с основами JavaScript бесплатно

Похожие вопросы