tag,
ich habe 4 boxen. Ich möchte das, wenn man eine Box anklickt, dass ein Box-Shadow erscheint. Sollte man eine andere Box anklicken soll die Klasse bei der alten Box die angeklickt wurde weggehen und beim neuen Element erscheinen.
Wie bekomm ich das hin?
HTML:
Spoiler anzeigen
<div class="container">
<div class="items">
<p>Text</p>
</div>
<div class="items">
<p>Text</p>
</div>
<div class="items">
<p>Text</p>
</div>
<div class="items">
<p>Text</p>
</div>
</div>
Alles anzeigen
JS:
Spoiler anzeigen
var items = document.querySelectorAll('.col-items');
for(const item of items) {
item.addEventListener('click', function() {
addClass(item, 'add_shadow');
});
}
Alles anzeigen
Nicht wundern wegen dieser addClass funktion, hab eine andere Funktion eingebunden damit ich nur addClass/RemoveClass eingeben kann.