Solucionado (ver solução)
Solucionado
(ver solução)
3
respostas

O código de função no

Não sei se é algo que eu fiz, mas eu coloquei exatamente como está na video aula. Insira aqui a descrição dessa imagem para ajudar na acessibilidadee a tela continua assim: Insira aqui a descrição dessa imagem para ajudar na acessibilidadese eu mudo algo no codigo no 'exibirTextoNaTela()' nao muda nada no https

3 respostas

Oii, Igor!

Preciso de mais informações para entender sua dúvida. Siga as orientações do guia de como fazer uma boa pergunta no fórum e me retorne com as informações pedidas.

Um abraço.

solução!
  1. Bom, eu fiz aquele código mostrado na aula (o ultimo)
  • codigo em app.js:
function exibirTextoNaTela(tag) {
    let campo = document.querySelector(tag);
        campo.innerHTML = texto;
}

exibirTextoNaTela('h1', 'Jogo do número secreto')
exibirTextoNaTela('p', 'Escolha um número entre 1 e 10')
  • Código em index.html:
<div class="container">
    <div class="container__conteudo">
        <div class="container__informacoes">
            <div class="container__texto">
                <h1>Adivinhe o <span class="container__texto-azul">número secreto</span></h1>
                <p class="texto__paragrafo">Escolha um número de 1 a 10</p>
            </div>
            <input type="number" min="1" max="10" class="container__input">
            <div class="chute container__botoes">
                <button onclick="verificarChute()" class="container__botao">Chutar</button>
                <button onclick="" id="reiniciar" class="container__botao" disabled>Novo jogo</button>
            </div>
        </div>
        <img src="./img/ia.png" alt="Uma pessoa olhando para a esquerda" class="container__imagem-pessoa" />
    </div>
</div>
  1. e mesmo ele estando exatamente como no do vídeo ele não está funcionando. Fica exatamente como está no index:
  • Invés de "jogo" como no app.js está "adivinhe" como no index.html
  • Invés de mudar algo quando eu altero no codigo do app.js, ele não muda Insira aqui a descrição dessa imagem para ajudar na acessibilidade

Oi, Igor!

O problema tá na chamada da função exibirTextoNaTela(). O parâmetro tag tá sendo passado corretamente, mas o código não tá recebendo o segundo argumento (texto). Pra ajustar, você deve adicionar o parâmetro faltante e passar o texto desejado na chamada da função.

function exibirTextoNaTela(tag, texto) { 
    let campo = document.querySelector(tag); 
    campo.innerHTML = texto; 
}

exibirTextoNaTela('h1', 'Jogo do número secreto');
exibirTextoNaTela('p', 'Escolha um número entre 1 e 10');

Assim, você deve ver as alterações refletidas conforme o conteúdo de app.js. Isso porque a função agora tá recebendo e aplicando o texto corretamente na tela.

Fico à disposição. Abraços e bons estudos!