Olá! Estou com problema na aula 4 ( criando funções).
No index.HTML eu preciso alterar , " verificarChute()" na linha 27 porem é como se não reconhecesse a alteração e gera um erro no console. Quando o professor altera no dele eu vi que fica amarelo e o meu fica na mesma cor. E quando eu vou para o console ele dar erro. ( deixo o erro na imagem) Alguém consegue me ajudar pois não consigo continuar o curso. !!
Oi Alessandra,
Poderia compartilhar o seu código?
Veja como em Como turbinar seus estudos utilizando o fórum
<div class="container">
<div class="container__conteudo">
<div class="container__informacoes">
<div class="container__texto">
<h1></h1>
<p class="texto__paragrafo"></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>
<script src="app.js" defer></script>
olá Luis, obrigrada pela sua resposta. Eu enviei o codigo mas não acredito que seja um problema direto no codigo porque eu baixei o arquivo e o codigo está de acordo com a aula mas não sei por qual razão não conseguimos fazer a alteração dar certo.
Oi Alessandra,
Erro no console é gerado pelo Javascript, no seu caso o "app.js"
Qual é a mensagem de erro?
function exibirTextoNaTela(tag, texto) { let campo = document.querySelector(tag); campo.innerHtML = texto ; } exibirTextoNaTela('h1', 'jogo secreto') exibirTextoNaTela('p', 'escolha um numero de 1 a 100 ')
function verificarChute() { let chute = document.querySelector('imput').valeur; console.log(chute == numeroSecreto); } function gerarNumeroAleatorio() { return parseInt(Math.random() * 10 + 1);
}
erro do console: index.html:27 Uncaught ReferenceError: verificarChute is not defined at HTMLButtonElement.onclick (index.html:27:81)
Amanda,
Não tem nada de errado com o seu HTML
A função verificarChute JavaScript não foi definida, ou seja, não existe
Aparentemente não foi encontrado o arquivo app.js
Verifica se é esse mesmo o nome e se estão na mesma pasta.
Experimenta colocar no app.js na primeira linha console.log("estou aqui"); ✋
Eu coloquei console.log("estou aqui"); e nada aconteceu. continua dando erro. Eu já tentei recomeçar, desistalei o visual studio e comecei novamente do zero mas infelizmente não consigo entender o porque do erro. obrigada pela atenção. Você sabe se tem algum forma de entrar em contato, suporte ?
Alessandra, se você colocou console.log("estou aqui"), e nada aconteceu, é porque o arquivo app.js não foi encontrado ou é inválido 😔
Coloque aqui o código completo do app.js e um print da pasta com o index.html e app.js juntos
Dicas para usar melhor o Fórum da Alura:
Suporte, abra um chamado na
Central de Ajuda Alura
Eu tentei baixar essa chave mas não sei como aplicar no index.
como voce pode ver eu já definir o verificarChute na linha 27 mas é como se o index não reconhecesse e dar esse erro
Alessandra, faltou o parêntese "( )" na função verificarChute
app.js corrigidotitulo.innerHTML = 'jogo adivinha';
let paragrafo = document.querySelector('p');
paragrafo.innerHTML = 'escolha o numero de 1 a 10';
function verificarChute() {
console.log('o botão foi clicado');
}
index.html está ok<html lang="pt-br">
<head>
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@700&family=Inter:wght@400;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style.css">
<title>JS Game</title>
</head>
<body>
<div class="container">
<div class="container__conteudo">
<div class="container__informacoes">
<div class="container__texto">
<h1></h1>
<p class="texto__paragrafo"></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>
<script src="app.js" defer></script>
</body>
</html>
Eu contunou tendo problemas com a API key, eu já entrei no link e fiz a chave mas não sei como resolver o problema.
Alessandra, o "Voice support ready" "Suporte de voz pronto", mesmo sem a chave 🔑
Onde você colocou a linha de script? 🎤
O ideal é antes do app.sj no index.html
<html lang="pt-br">
<head>
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@700&family=Inter:wght@400;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style.css">
<title>JS Game</title>
</head>
<body>
<div class="container">
<div class="container__conteudo">
<div class="container__informacoes">
<div class="container__texto">
<h1></h1>
<p class="texto__paragrafo"></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>
<!-- Voice - insira usa chave -->
<script src="https://code.responsivevoice.org/responsivevoice.js?key=suaChave"></script>
<script src="app.js" defer></script>
</body>
</html>
Insira no app.js para testar
let titulo = document.querySelector('h1');
titulo.innerHTML = 'jogo adivinha';
let paragrafo = document.querySelector('p');
paragrafo.innerHTML = 'escolha o numero de 1 a 10';
// testando o voice
responsiveVoice.speak('escolha o numero de 1 a 10', 'Brazilian Portuguese Female', {rate:1.2} );
function verificarChute() {
console.log('o botão foi clicado');
}
Veja mais em: ResponsiveVoice Setup Guide
olá, obrigada pela a sua ajuda. Eu copiei o codigo que me enviou e deu certo. muito obrigada :)
Oi Alessandra!
Que ótimo que o código funcionou! Fico muito feliz em poder ajudar.
Continue explorando e praticando programação - cada pequeno sucesso é um passo importante na sua jornada de desenvolvimento. 💻
Se precisar de mais ajuda, pode contar comigo. Abraço e bons códigos! 🤓
Caso este post o tenha ajudado,
marque-o como solucionado ☑️.
Bons Estudos! 🤓