1
resposta

[Sugestão] Melhorei o código. coloquei dessa forma.

Infelizmente não consegui realizar sozinho, porém depois que assisti a aula e comecei a pensar, entendi o código e consegui deixar ele ainda melhor!

let alterarStatus = (id) => {
    let game = document.querySelector(`#game-${id}`)
    let img = game.querySelector('.dashboard__item__img')
    let botao = game.querySelector('.dashboard__item__button')

    if(img.classList.contains('dashboard__item__img--rented')) {
        alugar(img, botao)
    } else {
        devolver(img, botao)
    }
}

let alugar = (img, botao) => {
    img.classList.remove('dashboard__item__img--rented')
    botao.textContent = 'Alugar'
    botao.classList.remove('dashboard__item__button--return')
}

let devolver = (img, botao) => {
    img.classList.add('dashboard__item__img--rented')
    botao.textContent = 'Devolver'
    botao.classList.add('dashboard__item__button--return')
}
1 resposta

Oi, Bruno! Tudo bem?

Parabéns por ter melhorado o código, é sempre bom buscar maneiras de otimizar e deixar o código mais eficiente. Além disso, é sempre muito bom poder acompanhar nossos alunos aplicando os conhecimentos adquiridos nos nossos cursos e elaborando suas melhorias por conta própria, bate um orgulho! Sua iniciativa é uma ótima forma de exercitar conceitos de programação.

Obrigada também por compartilhar o seu código aqui na nossa comunidade do fórum!

Caso tenha ficado alguma dúvida, sinta-se à vontade em comunicar, ficarei super feliz em poder ajudar!

Um forte abraço e bons estudos!