Tengo esta matriz y quiero hacer un bucle en los botones. La primera celda estará en el evento onclick, la segunda estará en innerHTML. Y agregue estos botones a div
La matriz:
rows = [ [fun1(), 'innerhtml'], [fun2(), 'innerhtml'], [fun3(), 'innerhtml'], ];Esto hará que trabajes como esperas.
const fun1 = () => alert("Hello function 1"); const fun2 = () => alert("Hello function 2"); const fun3 = () => alert("Hello function 3"); const rows = [ [fun1, 'innerhtml'], [fun2, 'innerhtml'], [fun3, 'innerhtml'], ]; const myDiv = document.getElementById('myDiv'); rows.forEach(row => { // Create button const button = document.createElement('button'); // Apply onclick event button.onclick = row[0]; button.innerHTML = row[1]; // Append to div myDiv.appendChild(button); }) const fun1 = () => alert("Hello function 1"); const fun2 = () => alert("Hello function 2"); const fun3 = () => alert("Hello function 3"); const rows = [ [fun1, 'innerhtml'], [fun2, 'innerhtml'], [fun3, 'innerhtml'], ]; const myDiv = document.getElementById('myDiv'); rows.forEach(row => { // Create button const button = document.createElement('button'); // Apply onclick event button.onclick = row[0]; button.innerHTML = row[1]; // Append to div myDiv.appendChild(button); }) <div id="myDiv"></div>Los comentarios deben explicar lo que sucede en mi código.