Как создать таблицу на html и вставить туда числа переменных javascript?
2 ответа
от
maymie ,
год назад
@brook
Для создания таблицы на HTML и вставки в нее чисел из переменных JavaScript, вам потребуются следующие шаги:
1 2 3 |
|
- Создайте функцию на 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 = число_из_переменной; } |
- Вызовите функцию fillTable() в вашем скрипте JavaScript, чтобы заполнить таблицу значениями из переменных.
1 2 3 4 5 6 7 |
// Пример переменных var number1 = 10; var number2 = 20; // Вызов функции fillTable() fillTable(number1); fillTable(number2); |
Обратите внимание, что приведенный выше пример заполняет таблицу по одному числу в каждой ячейке. Если у вас есть массив чисел, вы можете использовать цикл for для заполнения таблицы.
от
loyal ,
5 месяцев назад
@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() добавляет строки и ячейки в таблицу и заполняет их числами из массива. При необходимости, можно дополнить данный пример функциями для получения переменных чисел или иными операциями.
15
Похожие обсуждения:
Как на javascript вставить тег в начало html странички?
Как создать html таблицу на php?
Как создать таблицу в базе данных на php и mysql?
Как создать таблицу на Bootstrap и какие опции она предоставляет?
Как сделать простой калькулятор на html и javascript?
Как сделать простой калькулятор на html и javascript?