Minha função está um pouco diferente da função feita pelo professor.
Minha função é essa:
function alterarStatus(id) {
let gameClicado = document.getElementById(`game-${id}`);
let imagem = gameClicado.querySelector('.dashboard__item__img');
let botao = gameClicado.querySelector('.dashboard__item__button');
if (botao.innerHTML == 'Alugar') {
botao.innerHTML = 'Devolver';
botao.classList.add('dashboard__item__button--return');
imagem.classList.add('dashboard__item__img--rented')
} else {
botao.innerHTML = 'Alugar';
botao.classList.remove('dashboard__item__button--return');
imagem.classList.remove('dashboard__item__img--rented')
}
}
A minha apesar de diferente, faz exatamente a mesma coisa que a função do professor. Queria saber se existe uma forma "certa" de fazer funções, para que sejam menos suscetível a bugs e erros ou não importa como a função foi feita, o importante é funcionar?
