Как создать таблицу на html и вставить туда числа переменных javascript?

Пользователь

от brook , в категории: JavaScript , год назад

Как создать таблицу на html и вставить туда числа переменных javascript?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от maymie , год назад

@brook 

Для создания таблицы на HTML и вставки в нее чисел из переменных JavaScript, вам потребуются следующие шаги:


1
2
3
  


  1. Создайте функцию на JavaScript, которая будет заполнять таблицу числами из переменных.
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
function fillTable() {
  // Получите ссылку на элемент таблицы
  var table = document.getElementById("myTable");
  
  // Создайте новую строку таблицы
  var row = table.insertRow();
  
  // Создайте новую ячейку в этой строке и вставьте число из переменной
  var cell = row.insertCell();
  cell.innerHTML = число_из_переменной;
}


  1. Вызовите функцию fillTable() в вашем скрипте JavaScript, чтобы заполнить таблицу значениями из переменных.
1
2
3
4
5
6
7
// Пример переменных
var number1 = 10;
var number2 = 20;

// Вызов функции fillTable()
fillTable(number1);
fillTable(number2);


Обратите внимание, что приведенный выше пример заполняет таблицу по одному числу в каждой ячейке. Если у вас есть массив чисел, вы можете использовать цикл for для заполнения таблицы.

Пользователь

от loyal , 2 дня назад

@brook 

Пример создания таблицы на HTML и заполнения ее числами из переменных JavaScript:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<!DOCTYPE html>
<html>

<head>
    <title>Table with JavaScript</title>
</head>

<body>
    <table id="myTable" border="1">
        <tr>
            <th>Number</th>
        </tr>
    </table>

    <script>
        var numbers = [10, 20, 30, 40];

        function fillTable() {
            var table = document.getElementById("myTable");

            for (var i = 0; i < numbers.length; i++) {
                var row = table.insertRow();
                var cell = row.insertCell();
                cell.innerHTML = numbers[i];
            }
        }

        fillTable();
    </script>
</body>

</html>


В приведенном выше примере создается таблица с заголовком "Number" и заполняется числами из массива numbers при загрузке страницы. Функция fillTable() добавляет строки и ячейки в таблицу и заполняет их числами из массива. При необходимости, можно дополнить данный пример функциями для получения переменных чисел или иными операциями.