Проєкт перекладено автоматично. Увійдіть або зареєструйтесь, щоб побачити оригінал Є HTML-сторінки, схожі на Excel таблиці.У сторінки є колони і рядки.Дані беруться з БД (це нас не цікавить) Над кожним стовпом є трикутник, при натисканні на який відкривається спеціальна форма.HTTPS://i.postimg.cc/mr0RVrw2/1.jpg Ця форма служить для введення значення.Після введення значення і натискання Apply filter до поточного посилання додається параметр для гет запиту.Як назву параметра служить ідентифікатор трикутника, на який ми натиснули https://i.postimg.cc/d3mDCCGy/2.jpg Як значення параметра буде той, який ви вводимо в поле, яке відкривається при натисканні на трикутник.Ми натиснули на трикутник з id home і тому назва параметра буде такою ж, тобто home.Допустимо, ми в полі (яке відкрилося після натискання на трикутник з id home) ввели значення Namos і натиснули на кнопку Apply filter Таким чином, формується параметр home=Namsos і додається до нинішньої посилання і відкривається отримана посилання.HTTPS://currenturl.com/demo.html&home=Namsos Якщо ми після цього натискаємо на трикутник під назвою Away і вводимо там значення для прикладу Tangmoen то сформується черговий параметр, де назва буде id трикутника, тобто away а його значення Tangmoen і отримується такий параметр away=Tangmoen.Цей параметр також додається до нинішньої посилання і відкривається отримана посилання https://currenturl.com/demo.html&home=Namsos&away=Tangmoen І так далі для інших.Існують різні форми Звичайна з інпутом https://i.postimg.cc/mr0RVrw2/1.jpg З шаблонкою (select) https://i.postimg.cc/QxP82GJt/3.jpg З чекбоксами https://i.postimg.cc/pdvHv2h2/4.jpg Логіка роботи у всіх однакова.Різниця тільки в тому, що в інпут можна ввести будь-яке значення, а в інших тільки готові.Тепер перейдемо до того, як виключити ці параметри з нинішнього посилання. Після введення значення і застосування його, фоновий колір клітини з трикутником стає червоним.Це візуально говорить нам про те, що в посилання є параметр з ідентифікаційною клітиною, у якого фоновий колір червоний.При натисканні ми бачимо, що значення, яке ви ввели, відображається в інпуті.Щоб скасувати цю операцію ми натискаємо на Delete filter https://i.postimg.cc/02mtG7jN/5.jpg Після цього скрипт виключає з поточного посилання параметр, який має назву таку ж, як і ID клітини, де стоїть трикутник і де ми натиснули на Delete filter з поточного посилання і відкриває отриману посилання.Тобто з посилання виключається параметр away=Tangmoen Ці параметри можна виключити в ручному режимі окремо натискаючи Delete filter всюди, де ми ввели значення або ж можна за одним кліком видалити всі параметри за допомогою кнопки Reset all filters https://i.postimg.cc/v8KjtQv0/6.jpg Все, що вище описується логікою роботи скрипта.Тепер до сутності завдання Завдання полягає в тому, щоб сформувати параметри масово, які будуть додані до поточної посилання і потім відкриваються.Що означає масово.Вище описана логіка як додаються параметри до посилання.Як описано, цей процес відбувається за послідовністю.Тобто спочатку ми натискаємо на певний трикутник, вводимо значення в яке після цього відкривається і натискаємо Apply filter і потім відкривається нова отримана посилання з цим параметром.Після того, як нова посилання відкрилася, натискаючи на інший трикутник, вводячи значення і натискаючи Apply filter і чекаючи, коли відкриється нова отримана посилання.І так далі процес продовжується за послідовністю.На це йде певний час.Тому що після кожного разу, коли ми вводимо значення, потрібно чекати завантаження сторінки.Завдання полягає в тому, щоб сформувати всі ці параметри, додати їх в поточну посилання і відкрити отриману посилання за один раз.Тепер питання, де ввести, де зберігати всі ці значення, щоб скрипт міг взяти всі ці значення і сформувати нову посилання з параметрами і відкрити її. Давайте подивимося на це відео. https://drive.google.com/file/d/1EtsCR3nePlFKayjglpREJHNjRfhzykIE/view?usp=drive_link Як бачимо, якщо вводить значення, але не натисніть Apply filter то дані значення зберігаються у формах, куди ми їх ввели.Вони зберігаються в DOM-дріві сторінки, поки сесія активна.Тож якщо перезавантажити, то вони зникають.Таким чином, скрипт може взяти значення з форм і за допомогою їх ID сформувати параметри, додати їх до поточної посилання і відкрити цю посилання.Дозвольмо ми натискаємо на трикутник під Away і вводимо туди Tangmoen.Не натисніть на Apply filer.Після натискання на трикутник під Home і вводимо туди Namsos тут теж не натискаємо на Apply filer Тож у нас є дві форми, до яких ми ввели значення, але не застосували.Тепер вони зберігаються в DOM-треві сторінки Потрібно зробити окремий кнопку як Reset all filters .Завантажити Apply all filters Натискаю на Apply all filters, скрипт параситує всі форми, отримує список всіх форм, де значення не порожнє, формує параметри (назва це id а значення це те, що ми ввели в форму) , додає їх до поточної посилання і відкриває отриману посилання.Таким чином, ми одночасно сформували більше одного параметра і заощадили багато часу.Якщо подивимося на назву класу всіх трикутників, то побачимо, що вони однакові. https://i.postimg.cc/FHbSg5qY/7.jpg Скрипт повинен підтримувати парсінг з усіх видів форм (інпут, чекбокс, селект) Найважливіше він не повинен суперечити з іншими скриптами, які вже присутні в коді.Прикріплення архіву, де HTML-файл з скриптами