1 Тема від Sydunmusic

  • Sydunmusic
  • Sydunmusic
  • Новий користувач
  • Поза форумом
  • Дата реєстрації: 06.09.2022
  • Повідомлень: 7
    • Репутація: 0

Тема: Як зробити так , щоб вся інформація з полів вводу зберігалась (js)

Є кілька полів для вводу тексту . Чим користуватись в js чи html , щоб весь текст зберігався в масиви ( для можливості його зберігання та подальшої маніпуляції) ?

2 Відповідь від koala

  • koala
  • koala
  • Лінива тваринка
  • На форумі
  • Дата реєстрації: 01.05.2013
  • Повідомлень: 15 603
    • Репутація: 13312

Re: Як зробити так , щоб вся інформація з полів вводу зберігалась (js)

У полів є події (events). Скажімо, onchange викликається кожного разу, коли поле змінилося.

Подякували: Sydunmusic1

koala вебсайт

3 Відповідь від Sydunmusic

  • Sydunmusic
  • Sydunmusic
  • Новий користувач
  • Поза форумом
  • Дата реєстрації: 06.09.2022
  • Повідомлень: 7
    • Репутація: 0

Re: Як зробити так , щоб вся інформація з полів вводу зберігалась (js)

добре ) значить треба розібратися з цими подіями , дякую .

4 Відповідь від P.Y.

  • P.Y.
  • P.Y.
  • Replace Team
  • Поза форумом
  • Дата реєстрації: 19.02.2013
  • Повідомлень: 7 625
    • Репутація: 4966

Re: Як зробити так , щоб вся інформація з полів вводу зберігалась (js)

koala написав:

У полів є події (events). Скажімо, onchange викликається кожного разу, коли поле змінилося.

Усі так думають (бо це випливає з назви). Але ця подія відбувається не після кожної зміни значення поля — треба ще натиснути ентер, щоб подія відбулася. Щоб зміни фіксувались динамічно у процесі редагування, краще взяти onkeyup, наприклад.

Подякували: koala, Sydunmusic2

5 Відповідь від Overhand

  • Overhand
  • Overhand
  • Новий користувач
  • Поза форумом
  • Дата реєстрації: 30.03.2020
  • Повідомлень: 27
    • Репутація: 3

Re: Як зробити так , щоб вся інформація з полів вводу зберігалась (js)

Sydunmusic написав:

Є кілька полів для вводу тексту . Чим користуватись в js чи html , щоб весь текст зберігався в масиви ( для можливості його зберігання та подальшої маніпуляції) ?

const input = document.querySelector('.my-input-class');
const submit = document.querySelector('.my-submit-btn');
let arr = [];

submit.addEventListener('click', () => {
    if (input.value){
        arr.push(input.value);
        console.log(arr);
    } else {
        console.log('Empty');
    }
});
Подякували: Sydunmusic1