Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Projetos Desafio

O "event.preventDefault()" eu usei o chatgpt para perguntar como fazer a página parar de pular para o topo toda vez que clicava em um botão

function alterarStatus(numero) {
    event.preventDefault();

    let id = 'game-' + numero;
    let jogo = document.getElementById(id);
    let imagem = jogo.querySelector(".dashboard__item__img");
    let botao = jogo.querySelector(".dashboard__item__button");

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

Matricule-se agora e aproveite até 50% OFF

O maior desconto do ano para você evoluir com a maior escola de tecnologia

QUERO APROVEITAR
1 resposta
solução!

Oi, Kevin! Como vai?

Agradeço por compartilhar.

Gostei da forma como você usou o event.preventDefault() para impedir que a página recarregue, isso mostra que você está entendendo como os eventos do JavaScript funcionam na prática. É um bom exemplo de como pequenas mudanças no código melhoram a experiência do usuário.

Continue praticando e testando outras formas de lidar com eventos.

Alura Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!