Frage JS zusammenfassen

[basti1012]

Wenn für jede Box ein eigener EventListener registriert werden soll geht das natürlich auch, die beiden for-Schleifen sind dann unnötig, forEach existiert und hat einen zweiten Parameter (index).

Danach hatte ich letztens gesucht.
Ich wusste nicht mehr genau, wie das ging, hatte irgendwie ein Loch im Hirn.
Mit den Hinweis habe ich es wieder auf die Kette bekommen.
So ungefähr.

const inhalt=['Inhalt box 1','Inhalt box 2','Inhalt box 3','Inhalt box 4','Inhalt box 5'];
const target = document.querySelector('.box-content p span');
const source = document.querySelectorAll('.boxes div');
source.forEach(function(ele,ix){
    ele.addEventListener('click',function (event) {
       target.textContent = 'Box ' + inhalt[ix] + ' Inhalt';
    });
});