Einem neu erzeugtem Button eine bestimmte Position zuweisen

[Rolf B]

Hallo webity-Lars,

ich würde noch anmerken wollen, dass innerHTML nur verwendet werden sollte, wenn Du wirklich HTML in den Button setzen willst. Für Text nimm textContent.

Du hast ja eh schon einen Container klick_flaechen. Eigentlich sollte es dann genügen, wenn Du die Buttons unpositioniert in diesen Container einfügst und ihre Größe und Lage darin mit CSS steuerst. Eine Klasse klick_flaeche_buttons brauchst Du dann nicht (die ohnehin eigentlich klick_flaeche_button heißen müsste).

Dein klick_flaechen Container könnte beispielsweise eine Flexbox sein:

#klick_flaechen {
   display: flex;
   gap: 1em;
}
#klick_flaechen button {
   width: 5em;
}

Statt mit width kannst Du auch die flex-basis und flex-grow Eigenschaften verwenden, damit sich die Buttons an die Containergröße anpassen.

Für mehr Tipps müsste man deine Seite live erleben…

Rolf