что такое ... три точки ?
и обязательно ли его наличие ?
arr.push(...list);list.forEach(word=>{
arr.push(word);
});arr.concat(list);
// тут и так все понятно )))
var bt = document.getElementById('btn').onclick = method;
var pr = document.getElementById('paragraph');
var inp = document.getElementById('input');
// создаем массив накопитель, в который будем складывать значения
var arr = [];
function method (){
// получаем текст введенный в инпуте. если это сделать так как было у вас
// (вне обработчика) то в переменной будет пустота (значение, которое
// было в инпуте на момент обращения к inp.value
const text = inp.value;
// тут мы просто разбиваем строку на слова. разделителем
// является \s+ - любой пробельный символ (пробел, табуляция,
// возврат каретки, переход на новую строку)
// повторяющийся 1 или более раз. на выходе будет массив слов
const list = text.split(/\s+/);
// вставляем полученный массив слов в массив накопитель
// тут есть хитрость, троеточие превратит массив list в список
// параметров. Тоесть аналогичен записи, как если бы мы
// указали arr.push(list[0], list[1], и т.д. до конца массива);
arr.push(...list);
// объединяем массив накопитель в строку,
// разделителями элементов будет ", "
const result = arr.join(", ");
// вставляем строку с результатом в параграф
pr.innerText = result;
// обнуляем текст в инпуте
inp.value = "";
}P.S. Я так понял в моем варианте нужно полностью переделывать код ?
автоматом и с html сайта невозможно спарсить
Достаточно эмулировать действия пользователя в браузереименно про это и имел ввиду, с той лишь разницей, что предлагал брать данные из отрендеренного представления а вы непосредственно брать их из ответовна запросы.
посмотрите по коду:
1. как создается объект cart от класса Storage
2. как производится обращение к объекту cart (внесение, получение и удаление данных)
3. Вставтье класс Storage и объект cart в свой код и работайте с localstorage через методы объекта cart.
сам объект catr так же имеет свойства:
catr.list - содержит синхронизированную копию данных в виде масива, хранящихся в licalstorage по ключу 'local'
catr.hash - содержит синхронизированную копию данных в виде ассоциативного масива (объекта), хранящихся в licalstorage по ключу 'local'
ВАЖНО!!! свойства catr.list, catr.hash можно использовать только для чтения. При попытке записи данных через эти свойства вы получите рассинхронизацию между данными хранящимися в этих свойствах и licalstorage