Как сделать повторение массива скриптов для большого количества форм (120 штук)?

Question

[Rostyk Ice]

Суть в том что есть 1 форма с полями ввода(42 инпута), после нажатия на кнопку происходит вычисление с информации введеной в инпуты, случилось так что нужно таких форм 120, переделывать скрипты под уникальные айди (~5 000 уникальных айди) долго да и шанс сделать ошибку большой, ниже представлена форма(которую нужно повторить 120 раз на странице) и весь массив скриптов, подскажите как можно реализовать такой функционал. Спасибо.

HTML и JAVASCRIPT
ссылка на архив сайта

P.S. да скрипт можно упростить, но я его собирал с костылей как франкенштейна поскольку уровень моих знаний не большой, и кто захочет и сможет упростить скрипт (могу описать все его действия) тот получит ачивку :)

Comments

[Сергей delphinpro]

<form><input value=1>....</form>
<form><input value=2>....</form>
<form><input value=3>....</form>

$('form').each(function(){
  let $form = $(this);
  let $input = $('input', $form);
  console.log($input.val());
});

[Сергей delphinpro]

У вас реально 120 форм по 42 поля в каждой на одной странице? O_o

[Rostyk Ice]

Сергей: Да но это кроссплатформенное решение, поскольку работаю и за MAC и WIN OC, а делать десктопное решение для двух осей не осилю.

[Rostyk Ice]

Сергей: С трудностю могу представить как ваш код можно реализовать, так как "форма" я назвал для удобства...

[Сергей delphinpro]

Rostyk Ice: Блин, что непонятного? Выбрать все ваши "формы", и пройтись по каждой в цикле

$('.any-selector').each(function(){
  let $block = $(this);
  let $input = $('input', $block);
  console.log($input.val());
});

[Stalker_RED]

Сергей: Боюсь, что он не понимает то, о чем вы ему пишете, и ждет что кто-то предложит готовое решение. Но при этом не может даже сформулировать задачу.

Answer 1

[Stalker_RED]

Ачивку? Отдайте этот ужас на переделку фрилансерам или отправляйтесь читать учебник. Там где про dom traversing и всё такое.

UPD:
омг, я вспомнил этот код, там даже есть кусочки из моих ответов 3-4 месячной давности.
ИМХО, прогреса не будет пока вы не опишете нормально как это должно работать. Чтение вот таких вот кусков ясности не добавляет.

var e5 = (i0 * o2) + (i0 * o3) + (i0 * o4) + (i0 * o5) + (i1 * o3) + (i1 * o4) + (i1 * o5) + (i2 * o4) + (i2 * o5) + (i3 * o5);

Comments

[Rostyk Ice]

Весь массив JS должен работать только для одной формы, тоесть при вводе цыфр и после нажатия на кнопку будет расчет только в рамках одной формы и так для 120 форм, грубо говоря в каждого инпута должен быть уникальный ID для работы, то есть 5 к айди очень много и нужно либо по классу екранизировать (кнопка calculate в классе goalcal1(родительський блок формы) и так до goalcal120 ) либо придумать то, до чего я еще не додумался. Еще как вариант все заново делать, но для Вас это будет не очень интерестно я думаю. Рад что узнали свой код столько времени спустя :)

[Rostyk Ice]

Нашел выход:
после ввода инфы (цыфри) и нажатия на кнопку ниже формы делаеться строка в которой будет писать такая инфа:
1. текст с инпута Name-1, А, х, В, А1, В1.
2. текст с инпута Name-1, А, х, В, А1, В1.
и так до 120...(ну или количество заполненых форм)

[Rostyk Ice]

Чтение вот таких вот кусков ясности не добавляет.
Да просто найти сред. арифметическое...
И или дурацкая формула которую по другому сделать я не сумел :)

[Stalker_RED]

Rostyk Ice:

Весь массив JS должен работать только для одной формы, тоесть при вводе цыфр и после нажатия на кнопку будет расчет только в рамках одной формы и так для 120 форм, грубо говоря в каждого инпута должен быть уникальный ID для работы, то есть 5 к айди очень много и нужно либо...

В то-м-то и дело, что вместо того чтобы разобраться с областью видимости переменных и делегированием обработчиков, например, вы пытаетесь делать 5к айди с невнятными именами.
При этом все еще непонятно, что именно эта штука делает.