Antes de assistir aos vídeos fazendo o desafio, me desafiei a tentar sozinha, gostaria de saber se minha versão está certa de alguma forma.
function alterarStatus(botao) {
if(botao.innerText == "Alugar"){
botao.innerText = "Devolver";
botao.classList.remove("dashboard__item__button");
botao.classList.add("dashboard__item__button--return");
alert("Alugado com sucesso!");
}else{
botao.innerText = "Alugar";
botao.classList.remove("dashboard__item__button--return");
botao.classList.add("dashboard__item__button");
alert("Devolvido com sucesso!");
}
}
Agora a versão desenvolvida assistindo aos vídeos do módulo:
function alterarStatus(id) {
let gameClicado = document.getElementById(`game-${id}`);
// recuperar os elementos do jogo clicado
let imagem = gameClicado.querySelector(".dashboard__item__img");
let botao = gameClicado.querySelector(".dashboard__item__button");
let nomeJogo = gameClicado.querySelector(".dashboard__item__name");
if (imagem.classList.contains("dashboard__item__img--rented")) {
imagem.classList.remove("dashboard__item__img--rented");
botao.classList.remove("dashboard__item__button--return");
botao.innerText = "Alugar";
alert(`Devolvido com sucesso!`);
}else{
imagem.classList.add("dashboard__item__img--rented");
botao.classList.add("dashboard__item__button--return");
botao.innerText = "Devolver";
alert(`Alugado com sucesso!`);
}
}
Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!