Hallo, ich bin grad bisschen am verzweifeln, zwar ich habe erst angefangen mit JavaScript und komme bei einer Sache nicht weiter... ich möchte dass wenn ich auf den Header einer Bootstrapkarte klicke dass der Body der Karte ausgeblendet wird, mit display none hab ich das schon geschafft... aber auch nur via getelementbyid ... jetzt versuche ich es per getelementbyclassname und einer for of schleife... aber es funktioniert einfach nicht... Könnt ihr mir sagen was ich tun muss, und wieso ich das so tun muss ? hier der code meiner vermasselten for of schleife..
Code
let cardhead = document.getElementsByClassName("card-head")
let cardbody = document.getElementsByClassName("card-body")
for(let cardheads of cardhead){
cardheader.addEventListener("click", function(e){
cardbody.classList.add("d-none")
})
cardbodys.addEventListener("click", function(e){
cardbodys.classList.remove("d-none")
})
}Edit: hier eine der Karten :
Code
<div class="card-header">
Featured
</div>
<div class="card-body">
<h5 class="card-title">Special title treatment</h5>
<p class="card-text">With supporting text below as a natural lead-in to additional content.</p>
<a href="#" class="btn btn-primary">Go somewhere</a>
</div>
<div class="card-footer text-muted">
2 days ago
</div>