Доброго времени суток!

Возникла проблема. Очень надеюсь на вашу помощь.

Цель:

На сайте имеется таблица с лейблами и инпутами. Необходимо все это сгруппировать раскрывающимися блоками(аккардионами). Фотографию прилагаю.

Количество полей и какие конкретно поля в блоке вытаскиваются из объекта:

```var data = {
'INFO': [10,20,30,40],
'GROUP': [50,60,70,80],
'TS': [90,100,110,120,130,140,150,160,170],
'PRODUCT': [180]
};```__Узкое место:__
Как видите, количество полей динамическое.

ПРОБЛЕМА:

У меня получилось создать все необходимые контейнеры. Но при заполнении у меня вставляется толькоПОСЛЕДНИЙ нужный мне элемент.
Т.е. в первый блок "INFO" должны записаться 4 поля, Но записывается только одно.

Прилагаю ссылку: https://jsfiddle.net/averlor/fd68ht2e/3/

Вопрос отпал, всем спасибо😂

всем добрый день! Подскажите пожалуйста как  "buttons[i].onclick = btnClick;" можно написать с помощью  addEventListener

суток 🤦‍♂️

button[i].addEventListener('click', function() {
 // do something
})

Спасибо

Ток на ие не будет пахать вроде

Можно [...buttons].forEach... как вариант

в ie прям спред оператор работает, да?)

Аrray.from не работает в ie

нужен полифил

ну для него хоть есть полифилл. Не думаю, что у спреада есть полифилл ( нормальный )

https://codepen.io/ilovestarcream/pen/gOOQaeN -Вот тут код.Нужно что бы нажатии на батон name выводился в conlose.У меня не получается переделать его под addEventListener

вери хард задача

Бейбел

что бабель отдаёт при полифилле спреада?

concat