Сгенерировать с помощью JavaScript таблицу

@totoxa99 · Регистрация: 14.02.2013

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

Добрый день
Есть задание - Сгенерировать с помощью javascript таблицу ( 2n+1 * 2n+1 ).
На форме мы указываем(А/Б/В/Г должны являться кнопками отвечающие за действия ниже) :
А) n(показывает размер нашей спирали)
Б) Начальное число
В) Направление спирали ( по часовой и против часовой )
г) Направление спирали ( по возрастанию по убыванию )

Пример как должна работать программа
8 1 2
7 0 3
6 5 4

n=1 . Начальное число 0 , по часовой стрелке по возрастанию.
Знаю что нужно делать через for.

Просьба помочь!!! Очень нужно, экзамен на носу.
Спасибо!!

Добавлено через 14 часов 0 минут
Если я как то не верно применил терминологию или некорректно поставил вопрос. скажите, я попробую переформулировать.
Очень нужно помощь, выручайте

@Thisman · 30.10.2014, 12:52

totoxa99, вообщем скорее всего уже 100% есть библиотечка для работы/создание таблиц. Но в нашем случае нужна некая спецификация ( определение спирали и так далее ). Вопрос, как должны свойства заноситься в таблицу? Значения, точнее

@totoxa99 · 30.10.2014, 13:28 **[ТС]**

Сообщение от Thisman

totoxa99, вообщем скорее всего уже 100% есть библиотечка для работы/создание таблиц. Но в нашем случае нужна некая спецификация ( определение спирали и так далее ). Вопрос, как должны свойства заноситься в таблицу? Значения, точнее

Спасибо за ответ.
Вообще это не мой запрос, так что я сейчас уточню у человека про более точные значения и напишу вам.
А что значит что скорее всего уже 100% есть библиотечка?

Добавлено через 16 минут

Сообщение от Thisman

вообщем скорее всего уже 100% есть библиотечка для работы/создание таблиц. Но в нашем случае нужна некая спецификация ( определение спирали и так далее ). Вопрос, как должны свойства заноситься в таблицу? Значения, точнее

Вот информация.
Да,есть библиотеки,но мне желательно без них.
Как числа заносятся? Автоматически, после нажатия кнопки.Нужен некий алгоритм для того чтоб все заносилось.
Если я правильно понимаю то как то так:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
while (i < n*m) /*Цикл по номеру витка*/ {
   k++; 
   for (j=k-1;j<m-k+1;j++) { 
      Arr[k-1][j]=p++; 
      i++;
   } /*Определение значений верхнего гор столбца*/
   for (j=k;j<n-k+1;j++) {
      Arr[j][m-k]=p++; i++; 
   } /* —//— По правому вертикальному столбцу*/
   for (j=m-k-1;j>=k-1;j--) {
      Arr[n-k][j]=p++; i++; 
   } /* —//— по нижнему горизонтальному столбцу*/
   for (j=n-k-1;j>=k;j--) { 
      Arr[j][k-1]=p++; 
      i++;
   } /* —//— по левому вертикальному столбцу*/ 
}

@Thisman · 30.10.2014, 13:39

totoxa99, для того, что бы спираль рисовать, лучше всего двигаться от центра, то есть примерно алгоритм такой

Находим ~~золотую~~ середины нашей таблицы. Далее начинаем идти, пока не дойдем до конца, так как у нас квадратная таблица + количество строк нечетное, то середину будет легко считать, если таблица строится по формуле 2n + 1, то середина (координаты ) будут равны (n + 1,n+1) Далее начинаем идти так от центра двигаемся по спирали, и тут снова возникает вопрос. Где спираль должна начинаеться? В какой именно ячейке, справа от начала, слева от начала и так далее

@totoxa99 · 30.10.2014, 14:04 **[ТС]**

Сообщение от Thisman

для того, что бы спираль рисовать, лучше всего двигаться от центра, то есть примерно алгоритм такой
Находим золотую середины нашей таблицы. Далее начинаем идти, пока не дойдем до конца, так как у нас квадратная таблица + количество строк нечетное, то середину будет легко считать, если таблица строится по формуле 2n + 1, то середина (координаты ) будут равны (n + 1,n+1) Далее начинаем идти так от центра двигаемся по спирали, и тут снова возникает вопрос. Где спираль должна начинаеться? В какой именно ячейке, справа от начала, слева от начала и так далее

спираль либо из центра либо в центр.(по часовой /против часовой)

если в центр (можно взять из любого угла,который нравится.Это не принципиально)
так же есть начальное число
5 6 7
12 13 8
11 10 9
тут она идет от 5 по возрастанию ,по часовой

Добавлено через 53 секунды
табличка кривая ) не хочет пробелы ставить, стирает их автоматически.
Я всего лишь передаю ваши слова моей девушке, а ее слова вам, так что прошу прощения если что не так.

@Thisman · 30.10.2014, 14:25

totoxa99, кажется я понял, то есть. Мы в параметрах ( те самые кнопки ) выбираем какую нам сделать таблицу. Ее размеры, направление спирали, начальное число. И потом она , в зависимости от этих параметров заполняется. Я то думал, откуда эта спираль берется, теперь понял

@totoxa99 · 30.10.2014, 14:31 **[ТС]**

Сообщение от Thisman

кажется я понял, то есть. Мы в параметрах ( те самые кнопки ) выбираем какую нам сделать таблицу. Ее размеры, направление спирали, начальное число. И потом она , в зависимости от этих параметров заполняется. Я то думал, откуда эта спираль берется, теперь понял

Отлично ) .
Сможете помочь написать это на js?

@Thisman · 30.10.2014, 14:42

totoxa99, думаю да, скину ссылку попозже с примером. Там и код можно будет поглядеть. Сейчас еще на работе, так что потребуется немного времени

@totoxa99 · 31.10.2014, 12:29 **[ТС]**

Сообщение от Thisman

думаю да, скину ссылку попозже с примером. Там и код можно будет поглядеть. Сейчас еще на работе, так что потребуется немного времени

Чудно, ждемс. Спасибо!

Добавлено через 21 час 43 минуты

Сообщение от Thisman

думаю да, скину ссылку попозже с примером. Там и код можно будет поглядеть. Сейчас еще на работе, так что потребуется немного времени

Вы не забыли про меня ?

@GuardCat · 07.11.2014, 12:25

totoxa99, набросал скрипт, который умеет строить спиральные таблицы. Принимает направление спирали (1 или -1), количество оборотов и стартовое число.

Форму делать не стал надеюсь справитесь самостоятельно.

HTML5
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
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
<!DOCTYPE HTML>
<head>
  <title>Спиральная таблица</title>
  <meta charset="UTF8">
 
  <style type="text/css">
    table {
      table-layount:   fixed;
      border-collapse: collapse;
    }
 
    table td {
      width:      15px;
      height:     15px;
      padding:    1px;
      border:     1px solid black;
      text-align: center;
    }
 
  </style>
 
</head>
 
 
 
<body>
<script>
/**
 * Функция сreateTable Возвращает тег table с заданным числом столбцов и строк.
 * не проверяет переданные аргументы на правильность.
 *    
 *    @param (number)   cols Количество столбцов
 *    @param (number)   rows Количество строк
 *    @param (html tag) таблица
 */
createTable = function (cols, rows) {
  var table = document.createElement("table"), x, y, tr, td;
 
  for (x = 0; x < cols; x++) {
    tr = document.createElement("tr");
 
    for (y = 0; y < rows; y++) {
      td = document.createElement("td");
      tr.appendChild(td);
    }
 
    table.appendChild(tr);
  }
 
  return table
}
 
/**
 * Функция circus Возвращает тег table с ячейками, заполненными числами по спирали из центра.
 * не проверяет переданные аргументы на правильность.
 *
 *   @param (number)   rotate по часовой (1) или против часовой (-1)
 *   @param (number)   repeat количество витков спирали
 *   @param (number)   startNum с какого числа начать
 *   @param (html tag) таблица
 */
function circus( rotate, repeat, startNum ) {
  var 
    direct = 0,                     /* направление движения "змеи", изначально вверх */
    rowcols = repeat * 2 + 1,       /* длина стороны таблицы */
    limit = Math.pow( rowcols, 2 ), /* нужное количество чисел для заполнения таблицы */
    table = createTable( rowcols, rowcols )
    nowCell = [ (rowcols - 1) / 2 , (rowcols - 1) / 2 ], /* середина таблицы */
    nowNum = -1, addNum = 0
  ;
 
  rotate =   rotate || 1;
  startNum = startNum || 0;
 
  while ( ++nowNum + startNum < limit + startNum ) {
 
    if (direct > 3) direct = 0;
    if (direct < 0) direct = 3;
 
    table.rows[ nowCell[0] ].cells[ nowCell[1] ].innerHTML = nowNum + startNum;
    if  ( direct === 0 || direct === 2 ) { // если движение по вертикали
      addNum = direct === 0 ? rotate : -rotate
      if ( !table.rows[ nowCell[0] ].cells[ nowCell[1] + addNum ].innerHTML) {
        nowCell[1] += addNum;
        direct += rotate;
      } else {
        nowCell[0] -= addNum * rotate;
      }
    } else { // движение по горизонтали
      addNum = direct === 1 ? rotate : -rotate
      if ( !table.rows[ nowCell[0] + addNum].cells[ nowCell[1] ].innerHTML) {
        nowCell[0] += addNum;
        direct += rotate;
      } else {
        nowCell[1] += addNum * rotate;
      }
    }
  }
  return table
 
}
 
var table = circus(-1, 2, 0)
document.body.appendChild(table)
 
</script>
 
</body>
</html>

Новые блоги и статьи Все статьи Все блоги /
Оттенки серого Argus19 18.03.2026 Оттенки серого Нашёл в интернете 3 прекрасных модуля: Модуль класса открытия диалога открытия/ сохранения файла на Win32 API; Модуль класса быстрого перекодирования цветного изображения в оттенки. . .	SDL3 для Desktop (MinGW): Рисуем цветные прямоугольники с помощью рисовальщика SDL3 на Си и C++ 8Observer8 17.03.2026 Содержание блога Финальные проекты на Си и на C++: finish-rectangles-sdl3-c. zip finish-rectangles-sdl3-cpp. zip	Символические и жёсткие ссылки в Linux. algri14 15.03.2026 Существует два типа ссылок — символические и жёсткие. Ссылка в Linux — это запись в каталоге, которая может указывать либо на inode «файла-ИСТОЧНИКА», тогда это будет «жёсткая ссылка» (hard link),. . .	[Owen Logic] Поддержание уровня воды в резервуаре количеством включённых насосов: моделирование и выбор регулятора ФедосеевПавел 14.03.2026 Поддержание уровня воды в резервуаре количеством включённых насосов: моделирование и выбор регулятора ВВЕДЕНИЕ Выполняя задание на управление насосной группой заполнения резервуара,. . .
делаю науч статью по влиянию грибов на сукцессию anaschu 13.03.2026 прикрепляю статью	SDL3 для Desktop (MinGW): Создаём пустое окно с нуля для 2D-графики на SDL3, Си и C++ 8Observer8 10.03.2026 Содержание блога Финальные проекты на Си и на C++: hello-sdl3-c. zip hello-sdl3-cpp. zip Результат:	Установка CMake и MinGW 13.1 для сборки С и C++ приложений из консоли и из Qt Creator в EXE 8Observer8 10.03.2026 Содержание блога MinGW - это коллекция инструментов для сборки приложений в EXE. CMake - это система сборки приложений. Здесь описаны базовые шаги для старта программирования с помощью CMake и. . .	Как дизайн сайта влияет на конверсию: 7 решений, которые реально повышают заявки Neotwalker 08.03.2026 Многие до сих пор воспринимают дизайн сайта как “красивую оболочку”. На практике всё иначе: дизайн напрямую влияет на то, оставит человек заявку или уйдёт через несколько секунд. Даже если у вас. . .

@totoxa99 0 / 0 / 0 Регистрация: 14.02.2013 Сообщений: 62

	Сгенерировать с помощью JavaScript таблицу 30.10.2014, 09:43. Показов 2242. Ответов 9 Метки нет (Все метки) Добрый день Есть задание - Сгенерировать с помощью javascript таблицу ( 2n+1 * 2n+1 ). На форме мы указываем(А/Б/В/Г должны являться кнопками отвечающие за действия ниже) : А) n(показывает размер нашей спирали) Б) Начальное число В) Направление спирали ( по часовой и против часовой ) г) Направление спирали ( по возрастанию по убыванию ) Пример как должна работать программа 8 1 2 7 0 3 6 5 4 n=1 . Начальное число 0 , по часовой стрелке по возрастанию. Знаю что нужно делать через for. Просьба помочь!!! Очень нужно, экзамен на носу. Спасибо!! Добавлено через 14 часов 0 минут Если я как то не верно применил терминологию или некорректно поставил вопрос. скажите, я попробую переформулировать. Очень нужно помощь, выручайте 0

@Thisman Модератор 771 / 352 / 142 Регистрация: 17.07.2013 Сообщений: 992
	30.10.2014, 12:52
	totoxa99, вообщем скорее всего уже 100% есть библиотечка для работы/создание таблиц. Но в нашем случае нужна некая спецификация ( определение спирали и так далее ). Вопрос, как должны свойства заноситься в таблицу? Значения, точнее 1

@Thisman Модератор 771 / 352 / 142 Регистрация: 17.07.2013 Сообщений: 992
	30.10.2014, 13:39
	totoxa99, для того, что бы спираль рисовать, лучше всего двигаться от центра, то есть примерно алгоритм такой Находим ~~золотую~~ середины нашей таблицы. Далее начинаем идти, пока не дойдем до конца, так как у нас квадратная таблица + количество строк нечетное, то середину будет легко считать, если таблица строится по формуле 2n + 1, то середина (координаты ) будут равны (n + 1,n+1) Далее начинаем идти так от центра двигаемся по спирали, и тут снова возникает вопрос. Где спираль должна начинаеться? В какой именно ячейке, справа от начала, слева от начала и так далее 0

@Thisman Модератор 771 / 352 / 142 Регистрация: 17.07.2013 Сообщений: 992
	30.10.2014, 14:25
	totoxa99, кажется я понял, то есть. Мы в параметрах ( те самые кнопки ) выбираем какую нам сделать таблицу. Ее размеры, направление спирали, начальное число. И потом она , в зависимости от этих параметров заполняется. Я то думал, откуда эта спираль берется, теперь понял 0

@Thisman Модератор 771 / 352 / 142 Регистрация: 17.07.2013 Сообщений: 992
	30.10.2014, 14:42
	totoxa99, думаю да, скину ссылку попозже с примером. Там и код можно будет поглядеть. Сейчас еще на работе, так что потребуется немного времени 0