Estaba creando un sitio web donde puedes ver un episodio de una serie de televisión. Obtuve todos los códigos de YouTube y los almacené en una matriz. Quiero que cambie el índice de la matriz cada vez que haga clic en el botón 'Siguiente episodio'. Sé que puedo agregar muchos eventListeners, pero eso retrasó mi sitio web. Por favor ayúdame con esto
Código -
HTML <button id="rightArrow">→</button> JS const codes = { episodeCodes: ["k7Lv7u0xdTw","7-wnzSSESac","8k5Kk-aBbPE","oYJuHtV3FsI"] } rightArrow.addEventListener('click', () => { iframe.setAttribute('src', 'https://youtube.com/embed/' + codes.episodeCodes[0]++) })Primero deberá crear una variable para almacenar el índice actual y luego incrementarlo:
HTML <button id="rightArrow">→</button> JS let currentIndex = 0 const codes = { episodeCodes: ["k7Lv7u0xdTw","7-wnzSSESac","8k5Kk-aBbPE","oYJuHtV3FsI"] } rightArrow.addEventListener('click', () => { iframe.setAttribute('src', 'https://youtube.com/embed/' + codes.episodeCodes[++currentIndex % codes.episodeCode.length]) })