Как сгенерировать кнопки из списка?

Question

[Mike]

Мне нужно сгенерировать кнопки из моего списка

var  mylist = ['first', 'second', 'third', 'fourth', 'fifth']

Подскажите как это сделать.

Comments

[ProjectSoft]

https://developer.mozilla.org/ru/docs/Web/JavaScri...
В цикле и генерируйте кнопки

Answer 1

[axeax]

var  mylist = ['first', 'second', 'third', 'fourth', 'fifth'];
var buttons = "";
for(var i = 0; i < mylist.length; i++){
    buttons += "<button class='"+mylist[i]+"'></button>";
}
$('body').append(buttons);

Answer 2

[gleendo]

Что то типа этого:

var mylist = ["first", "second", "thrid", "fourth", "fifth"];

for (var i = 0; i < mylist.length; i++) {
  var button = document.createElement("button");
  button.className = mylist[i];
  button.textContent = mylist[i];

  document.querySelector(".button-list").appendChild(button);
}

Answer 3

[Mike]

Спасибо всем! У меня проблема была в том что я "document.body.appendChild(btn);" из цикла for убрал, поэтому и не получалось) . Запарился короче)