Importante

Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!

1
resposta

[Projeto] Postando no local certo

Desculpas, acabei postando o projeto no fórum errado, segue...

function alterarStatus(id) {
    let gameClicado = document.getElementById(`game-${id}`);
    let imagem = gameClicado.querySelector('.dashboard__item__img');
    let botao = gameClicado.querySelector('.dashboard__item__button');
    let nomeJogo = gameClicado.querySelector('.dashboard__item__name');
    
    let nomePessoa = prompt("Qual é o seu nome?"); 
    if (botao.textContent === "Alugar") {
        botao.textContent = "Devolver";
        alert(`Tudo bem ${nomePessoa}, já pode pegar o jogo ${nomeJogo.textContent}`);
    } else if (botao.textContent === "Devolver") {
        botao.textContent = "Alugar";
        alert(`Tudo bem ${nomePessoa}, obrigado por devolver o jogo ${nomeJogo.textContent}`);
    }
}

*códigoFinalMod4Desafio Alugames:

function alterarStatus(id) {
    let gameClicado = document.getElementById(`game-${id}`);
    let imagem = gameClicado.querySelector('.dashboard__item__img');
    let botao = gameClicado.querySelector('.dashboard__item__button');
    let nomeJogo = gameClicado.querySelector('.dashboard__item__name');
    
    let nomePessoa = prompt("Qual é o seu nome?"); 
    if (botao.textContent === "Alugar") {
        botao.textContent = "Devolver";
        alert(`Tudo bem ${nomePessoa}, já pode pegar o jogo ${nomeJogo.textContent}`);
    } else if (botao.textContent === "Devolvedor") {
        botao.textContent = "Alugar";
        alert(`Tudo bem ${nomePessoa}, obrigado por devolver o jogo ${nomeJogo.textContent}`);
    }

    if (imagem.classList.contains('dashboard__item__img--rented')) {
        imagem.classList.remove('dashboard__item__img--rented');
        botao.classList.remove('dashboard__item__button--return');
        botao.textContent = 'Alugar';
    } else {
        imagem.classList.add('dashboard__item__img--rented');
        botao.classList.add('dashboard__item__button--return');
        botao.textContent = 'Devolver';
    }
}
1 resposta

Oi, Luciano, como vai?

Valeu por compartilhar seu código com os demais colegas, tenho certeza que vai ser uma inspiração para as pessoas que estão realizando esse curso.

Continue se dedicando em seus estudos e caso tenha dúvidas conte com a comunidade do fórum para te ajudar!

Abraços e bons estudos!