如何为位于数组内的值创建按钮，而同一数组位于另一个数组内？

Question

I am currently struggling with creating buttons for values inside an array, which are also located insinde an array. For example:

let numbers = [{"allNum": ["0", "1", "2", "3","4"]}, {"evenNumbers": ["2", "4"]}];

So, in that array, lets say that I want to create buttons for all the values inside allNum. Also, I know that in order to create a button I can simply use the createElement statement. Will I need to use something like forEach() and a mix of createElement to achieve my goal?

Say for example, something like this?

// lets say I have a html element with an id of "li"
var liEl= document.querySelector ("li");
function createBtn (allnum) = { document.createElement("button")
liEl.appendChild (createBtn);
return createBtn;
};
numbers.forEach (createBtn)

Thank you for your time!

Answer 1

Requires a little formatting on your behalf but I think this is what you were after. You could of also gone down the foreach loop aswell:)

for (x in numbers[0].allNum) {
    let b = document.createElement("button");
    b.setAttribute('id', x);
    b.innerHTML = x;
    document.body.appendChild(b);
  }