Hey, wie gehe ich es an dass der Code sich automatisch wiederholt ? es ist ein button der mehr bilder lädt... danach kommt einer der nochmal mehr lädt... dann kommt der button um den anfangszustand herzustellen (8 Bilder) und dann soll wieder der Button kommen um mehr einzublenden... aber unsette ich das display none in dem letzten button geht es nur 1x weiter... also brauche ich warscheinlich eine Schleife... könnt ihr mir da weiterhelfen ?
Code
<script>
const showbutton2 = document.getElementById("showbutton2")
const showbutton3 = document.getElementById("showbutton3")
const loadmorebutton2 = document.getElementById("loadmorebutton2")
const loadmorebutton3 = document.getElementById("loadmorebutton3")
const dontshowbutton = document.getElementById("dontshowbutton")
const loadmorecontent1 = document.getElementById("loadmorecontent1")
const loadmorecontent2 = document.getElementById("loadmorecontent2")
loadmorebutton1.addEventListener("click", function (e) {
loadmorecontent1.classList.remove("d-none")
loadmorebutton1.style.display = "none"
showbutton2.classList.remove("buttonstyleroff")
showbutton2.classList.add("buttonstyleron")
})
loadmorebutton2.addEventListener("click", function (e) {
loadmorecontent2.classList.remove("d-none")
loadmorebutton2.style.display = "none"
dontshowbutton.classList.remove("buttonstyleroff")
dontshowbutton.classList.add("buttonstyleron")
})
</script>
Alles anzeigen