webity: Einem neu erzeugtem Button eine bestimmte Position zuweisen

Beitrag lesen

Hallo zusammen,

ich versuche seit längerem, Buttons mit javascript und

document.createElement("button")

zu erzeugen. Das funktioniert auch soweit. Nur ich möchte den buttons eine bestimmte Position zuweisen. Dazu gibt es

button.style.left und button.style.top

Leider funktioniert das nicht. Wo liegt das Problem? Liegt das daran, das der button noch nicht erzeugt wurde?

Hier mal die Funktion in der das stattfinden soll

let buttonsOutput = document.getElementById("klick_flaechen");

for(let a = 1; a <= 5; a++)
{

    let button = document.createElement("button");

    button.innerHTML = a;
    button.className = "klick_flaeche_buttons";
    button.value = a;
    button.style.left = (a * 70 + "px").toString;
    button.style.top = "200px";
    buttonsOutput.appendChild(button);
 
}

gruß Lars