Olá, ao tentar fazer a atividade sozinha acabei fazendo uma solução muito diferente do que a sugerida no curso. Apesar de ter funcionado, gostaria de saber se existe alguma questão de boas práticas que eu deveria me atentar em relação à minha solução:
const botoes = document.getElementsByClassName("dashboard__item__button");
const imagens = document.getElementsByClassName("dashboard__item__img");
function alterarStatus(id){
let status = botoes[id - 1];
let opacidadeImagem = imagens[id - 1];
console.log(opacidadeImagem)
if (status.innerHTML == "Alugar"){
status.innerHTML = "Devolver";
status.classList.add("dashboard__item__button--return");
opacidadeImagem.classList.add("dashboard__item__img--rented");
} else {
status.innerHTML = "Alugar";
status.classList.remove("dashboard__item__button--return");
opacidadeImagem.classList.remove("dashboard__item__img--rented");
}
}
A minha lógica foi usar o getElementsByClassName e manipular o array pra isolar o item (filme).
Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!