Q:

Как передать id и name button-а из html в js объект?

Помогите пожалуста. Имею такую ситуацию, есть две кнопки с разными name-ами и id в HTML файлe, мне нужно передать id и name этих двух кнопок в js и добавить их в объект (желательно реализовать это сразу в виде предачи в объект).
Любая помощь будет полезна, заранее спасибо.
<ul>
  <li><button name="button1" id="1">ButtonOne</button></li>
  <li><button name="button2" id="2">ButtonTwo</button></li>
</ul>

A:

var obj = {};
var el = document.querySelectorAll('ul li button');

for (var i = 0; i < el.length; i++) {
  el[i].addEventListener('click', (e) => {
    obj.id = e.target.id;
    obj.name = e.target.name;
    console.log(obj);
  });
}
<ul>
  <li><button name="button1" id="1">ButtonOne</button></li>
  <li><button name="button2" id="2">ButtonTwo</button></li>
</ul>

