Hallo ihr Lieben 
Ich studiere AI und bin im ersten Semester. Jetzt schreibe ich gerade eine Hausarbeit über HTML und CSS und bin bei position: … angekommen.
Gibt es eine Möglichkeit für die Beispiele Buttons zu erstellen, die dann beim Klick die entsprechende position-Eigenschaft annehmen?
Danke schon mal für eure Hilfe
Hallo und herzlich willkommen!
Meinst du sowas?
Also wenn ich rein auf seine Frage antworte: Ja die gibt es. Ich verstehe aber nicht genau was du meinst denke ich. Brauchst du Beispiele für Buttons die fixed, relativ absolut etc sind?
Keine Ahnung ob ich es jetzt verstanden habe aber ich habe einfach mal gebaut was ich denke was du suchst ..
<button id="toggleButton">Toggle Properties</button>
<script>
const button = document.getElementById("toggleButton");
const properties = [
{ property: "position", value: "static" },
{ property: "position", value: "relative" },
{ property: "position", value: "absolute" },
{ property: "position", value: "fixed" },
{ property: "position", value: "sticky" },
];
let currentIndex = 0;
button.addEventListener("click", () => {
const { property, value } = properties[currentIndex];
button.style[property] = value;
currentIndex = (currentIndex + 1) % properties.length;
});
</script>Also der Button toggelt bei Klick quasi immer seine style eigenschaft position. Hab nur die 5 genommen aber es gibts ja noch die "globalen" ... ich hoffe ich konnte dir etwas helfen.
Nachtrag: Gerade nochmal nachgedacht .. man kann natürlich auch je Positions Eigenschaft einen button erstellen und den dann nur dieses eine eigenschaft toggeln lassen.
Falls du sowas suchst wäre das vielleicht eher etwas:
<button id="toggleButton">Toggle Style</button>
<script>
const button = document.getElementById("toggleButton");
let isToggled = false;
button.addEventListener("click", () => {
isToggled = !isToggled;
button.style.position = isToggled ? "static" : "relative";
});
</script>Ich probiere es direkt mal aus, wenn meine Kinder schlafen?
Fühl ich. Meine sind grade im Schlaf Modus .. fahren grade runter deswegen hatte ich ebend zeit mir das genauer durchzulesen 
Klasse! Freut mich wenn dir hier geholfen werden konnte.
Wenn du wieder eine Frage hast hau einfach raus. Und wenn du Bock hast kannst du uns ja Mal deine Hausarbeit in Funktion zeigen.
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!
