Alisa94

Нужно вызывать событие onkeypress

<input name="text" type="text" id="textid" onkeypress="handleKeyPress(event)">

Обработчик

function handleKeyPress(e){
 var key=e.keyCode || e.which;
  if (key === 13){ // Клавиша Enter
     doSomething();
  }
}

Так?

Не знаю, в какой такой объект, но в массив легко.

let str = `[
  { "name": "foo",
    "status": "success" }, {
    "name": "bar",
    "status": "success"}, {
    "name": "biz",
    "status": "success"
  }
]`;
let obj = JSON.parse(str);
let list = obj.map(x => x.name);

Что-то вроде этого?

class Button {
  constructor(name) {
    this.name = name;
    this.elem = document.createElement('button'), this.elem.textContent = this.name;
    this.id = String.fromCharCode(Math.random() * (91 - 65) + 65) + Date.now();
  }
  onClick() {
    console.log(this.name, this.id);
  }
  render(parent) {
    parent.appendChild(this.elem);
    this.elem.addEventListener('click', this.onClick.bind(this));
  }
}

const b = new Button('Click me');
b.render(document.body);
b.elem.click();

UPD:

const buttons = document.querySelectorAll('button');
buttons.forEach(el => el.textContent = el.name);

1) У вас неправильное значение у id, оно не должно начинаться с цифры или других символов. Лучше допишите but1, but2 и.т.д.
2) Обращаться к элементам DOM можно по селекторам, определите общий селектор к этим элементам или к родителю, и вызовете document.querySelectorAll с данным селектором, этот метод вернет список элементов, в данном случае кнопки.

Из вопроса не очень понятно, в чем именно у вас трудности.

Так?

const buttons = [...document.querySelectorAll('button')].reduce((a, c, i) =>
(a['button' + i] = {name: c.name, id: c.id}, a), {});