Динамическое создание таблицы

@revaldo666 · Регистрация: 18.07.2010

Студворк — интернет-сервис помощи студентам

Всем доброго времени суток, задание таково- Написать скрипт, который формирует таблицу пифагора в указанном пользователем диапазоне.
т.е. пользователь вводит от скольки до скольки должна рисоваться таблица (например от 5 до 17)
Таблицу отобразить с помощью оформленной таблицы.
Вот мой скрипт

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
var cols = prompt("Введите количество строк", "");
var rows = prompt("Введите количество столбцов", "");
cols = parseInt(cols);
rows = parseInt(rows);
document.write(' <table border=1, cellpadding=0, cellspacing=0, width="500px">');
for (i = 1; i <= cols; i++) {
    document.write("<tr>"+rowscalc(rows)+"</tr>");
}
document.write("</table>");
 
function rowscalc(r) {
    for (k = 1; k <= r; k++) {
        document.write("<td>"+k+"</td>");
    }
}

таблица создаётся, однако над таблицей выводится несколько undefined подряд, не пойму откуда это вобще берётся. На данном этапе это единственная проблема.
Заранее благодарю за ответ.

@kalabuni · 04.05.2012, 09:29

JavaScript
1
2
3
4
5
6
7
8
9
var cols = prompt ('Введите количество строк', '');    cols = parseInt(cols);
var rows = prompt ('Введите количество столбцов', ''); rows = parseInt(rows);
 
function rowscalc (i, r)
{for (var k = 1, z = ''; k <= r; k++)  z += '<td align="right">' + i * k + '</td>'; return z}
 
document.write ('<table border="1", cellpadding="0", cellspacing="0", width="500px">');
for (var i = 1; i <= cols; i++) document.write ('<tr>' + rowscalc (i, rows) + '</tr>');
document.write ('</table>');

undefined "наверху" пишется столько раз, сколько раз вы вызывали вашу функцию rowscalc (), которая на момент вызова была ещё не определена.

В общем:
1. Функция rowscalc () должна быть определена раньше, чем её вызывают. Поэтому она и перемещена наверх, до цикла по индексу j, где её вызывают.

2. Функция rowscalc () должна возвращать данные при вызове, а не печатать сама. Поэтому в функции введена изначально пустая переменная z, которая "дополняется содержимым" на каждом шаге цикла. И по окончании цикла отдаётся в вызывающую программу.

3. Функция rowscalc () должна получать в качестве аргумента номер строки. Поэтому у неё теперь два аргумента.

PS. Пифагорова таблица вообще-то должна содержать ещё один столбец (слева) и одну строку (сверху).

PS2. Ну и потом, объявленное вами условие "от скольки до скольки" данный скрипт не исполняет, ибо ему для этого не хватает исходных данных. Следует ввести ещё 2 (два) prompt'a, которые будут запрашивать начальные значения для строк и столбцов, кои вы сможете подставить в циклы в качестве начальных значений для j и k.

@revaldo666 · 04.05.2012, 10:09 **[ТС]**

Большое спасибо за разьяснение, обошелся без функции.
Впринципи всё готово, однако вверху слева лишний столбец, как его убрать?

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
33
34
35
36
37
38
39
var cols = prompt("Введите количество строк", "");
var rows = prompt("Введите количество столбцов", "");
cols = parseInt(cols);
rows = parseInt(rows);
if (cols<1 || rows <1) {
    cols = 1;
    rows = 1;
}
document.write(' <table border=1, cellpadding=2, cellspacing=0, width="90%">');
for (i = 0; i <= cols; i++) 
    {
        document.write("<tr>");
        for (k = 0; k <= rows; k++)
         {
 
             if (k == 0) {
                 document.write('<td style="background-color:orange">');
                 document.write(i);
                
             }
             else
                 if (i == 0) {
                     document.write('<td style="background-color:orange">');
                     document.write(k);
                     
 
                 }
                 else {
                     document.write('<td style="background-color:silver">');
                     document.write(i * k);
                    
                 }
 
                 document.write("</td>");
         }
   
        document.write("</tr>");
    }
document.write("</table>");

@kalabuni · 04.05.2012, 10:39

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
var cols = prompt ('Введите количество строк', '');
var rows = prompt ('Введите количество столбцов', '');
cols = parseInt (cols);
rows = parseInt (rows);
document.write ('<table border="1" cellpadding="2" cellspacing="0" width="90%">');
for (var r = 0, lr = rows + 1; r < lr; r++)
   {
   for (var t, z = '', c = 0, lc = cols + 1; c < lc; c++)
      {
      t = r * c; if (!r && !c) t = '&nbsp;'; else if (!Math.min (r, c)) t = Math.max (r, c);
      z += '<td style="background-color: ' + ((!r || !c) ? 'orange' : 'silver') + '">' + t + '</td>';
      }
   document.write ('<tr>' + z + '</tr>')
   }
document.write ('</table>');

@FIDO_thon · 29.04.2015, 12:16

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .	SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf 8Observer8 01.02.2026 Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .	SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm 8Observer8 30.01.2026 Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .	SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .	Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .	SDL3 для Android: Загрузка PNG с альфа-каналом с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .

@FIDO_thon 0 / 0 / 0 Регистрация: 30.10.2014 Сообщений: 19
	29.04.2015, 12:16
	var cols = prompt("Введите количество строк", ""); var rows = prompt("Введите количество столбцов", ""); cols = parseInt(cols); rows = parseInt(rows); if (cols<1 \|\| rows <1) { cols = 1; rows = 1; } document.write(' <table border=1, cellpadding=2, cellspacing=0, width="90%">'); for (i = 0; i <= cols; i++) { document.write("<tr>"); for (k = 0; k <= rows; k++) { if (k == 0) { document.write('<td style="background-color:orange">'); document.write(i); } else if (i == 0) { document.write('<td style="background-color:orange">'); document.write(k); } else { document.write('<td style="background-color:silver">'); document.write(i * k); } document.write("</td>"); } document.write("</tr>"); } document.write("</table>"); скажите что делает K=0????? 0