Сгенерировать с помощью 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>

Новые блоги и статьи Все статьи Все блоги /
Расчёт переходных процессов в цепи постоянного тока igorrr37 16.01.2026 / * Дана цепь постоянного тока с R, L, C, k(ключ), U, E, J. Программа составляет систему уравнений по 1 и 2 законам Кирхгофа, решает её и находит токи на L и напряжения на C в установ. режимах до и. . .	Восстановить юзерскрипты Greasemonkey из бэкапа браузера damix 15.01.2026 Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .	Изучаю kubernetes lagorue 13.01.2026 А пригодятся-ли мне знания kubernetes в России?	Сукцессия микоризы: основная теория в виде двух уравнений. anaschu 11.01.2026 https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/
WordPad для Windows 11 Jel 10.01.2026 WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .	Classic Notepad for Windows 11 Jel 10.01.2026 Old Classic Notepad for Windows 11 Приложение для Windows 11, позволяющее пользователям вернуть классическую версию текстового редактора «Блокнот» из Windows 10. Программа предоставляет более. . .	Почему дизайн решает? Neotwalker 09.01.2026 В современном мире, где конкуренция за внимание потребителя достигла пика, дизайн становится мощным инструментом для успеха бренда. Это не просто красивый внешний вид продукта или сайта — это. . .	Модель микоризы: классовый агентный подход 3 anaschu 06.01.2026 aa0a7f55b50dd51c5ec569d2d10c54f6/ O1rJuneU_ls https:/ / vkvideo. ru/ video-115721503_456239114

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

	Сгенерировать с помощью JavaScript таблицу 30.10.2014, 09:43. Показов 2227. Ответов 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