Não entendi qual a função dessas variáveis que criamos nessa aula:
function alterarStatus(id) {
let jogoClicado = document.getElementById(game-${id});
let imagemJogo = jogoClicado.querySelector('.dashboard__item__img');
let aparenciaBotao = jogoClicado.querySelector('.dashboard__item__button');
let nomeJogo = jogoClicado.querySelector('.dashboard__item__name');
Oii Paulo, tudo bem?
No caso, a função alterarStatus(id) tá sendo usada para manipular elementos do jogo. As variáveis que você mencionou são utilizadas para selecionar diferentes partes do elemento do jogo, utilizando o método querySelector.
jogoClicado: Esta variável está sendo usada para selecionar o elemento do jogo que foi clicado. O document.getElementById(game-${id}) retorna o elemento com o ID especificado, que neste caso é o jogo clicado.
imagemJogo: Está sendo usada para selecionar a imagem do jogo que foi clicado. O método querySelector('.dashboard__item__img') retorna o primeiro elemento que corresponde ao seletor CSS especificado, que neste caso é a imagem do jogo.
aparenciaBotao: Está sendo usada para selecionar o botão do jogo que foi clicado. O método querySelector('.dashboard__item__button') retorna o primeiro elemento que corresponde ao seletor CSS especificado, que neste caso é o botão do jogo.
nomeJogo: Esta variável está sendo usada para selecionar o nome do jogo que foi clicado. O método querySelector('.dashboard__item__name') retorna o primeiro elemento que corresponde ao seletor CSS especificado, que neste caso é o nome do jogo.
Essas variáveis serão usadas mais adiante no código para alterar o status do jogo, como alterar a imagem, o botão ou o nome quando o jogo for clicado.
Espero ter ajudado.
Um abraço e bons estudos.