1
resposta

[Dúvida] Não consigo interagir com os botoes

Segui todas as repostas de outros questionamentos feito antes mas mesmo assim nao consigo fazer a interação com os botões. Tentei em outros navegadores ja que normalmente eu uso o opera, pensei que poderia ser algum problema com o navegador, mas testando em outros navegadores o erro continua. Aqui esta o meu codigo.

    function alterarStatus(id){
        let gameClicado = document.getElementByI(`game-${id}`);
        let imagem = gameClicado.querySelector ('.dashboard__item__img');
        let botao = gameClicado.querySelector ('.dashboard__item__button');
        let nomeJogo = gameClicado.querySelector ('.dashboard__item__name');

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

        }

    }
1 resposta

Oi Brenda,

Analisando seu código, identifiquei um pequeno erro de digitação.

A função document.getElementByI está incorreta. O correto é document.getElementById. 👍

Essa correção deve resolver o problema de interação com os botões. 💪

Para saber mais: Documentação do getElementById - Explore a documentação oficial para entender melhor como selecionar elementos no DOM.

Continue praticando e explorando novas possibilidades! 🤔

tux matrix Caso este post o tenha ajudado, marque-o como solucionado ☑️. Bons Estudos! 🤓