3
respostas

ERRO AO ATUALIZAR A PAGINA

Já mencionei aqui no fórum que mudei o código, ele não está exatamente igual ao que os intrutores mostram:

<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 class="container__botao" id="botaoChutar">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>

JAVA:

//let titulo = document.querySelector('h1');
//titulo.innerHTML = 'Jogo do Número Secreto';

//let paragrafo = document.querySelector('p');
//paragrafo.innerHTML = 'Escolha um número entre 1 e 10';

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 100')

let botao = document.getElementById('botaoChutar');

botao.addEventListener('click', function () {
console.log('O botão foi clicado!');
});

Não sei se foi por causa disso, mas não consigo mas entrar na página 127.0.0.1, ela dá erro!
Insira aqui a descrição dessa imagem para ajudar na acessibilidade

3 respostas

Olá, Caetano! Tudo bem?

Esse erro geralmente ocorre quando o servidor que deveria estar rodando localmente não está ativo.

Analisando o trecho do HTML e o seu código JavaScript, não consigo identificar nenhum problema. Mas talvez em outras partes do código HTML esteja acontecendo algum problema que impeça a execução, certifique-se disso.

E minha recomendação principal é que você tente reiniciar o projeto novamente com o Live Server. Às vezes, simplesmente reiniciar pode resolver o problema.

Caso isso não resolva, peço que tire um print do console do navegador quando você tenta acessar a página. A tecla F12 mostra o console.

Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓.

Como eu faço para reiniciar com o Live Server?

Olá, Caetano! Tudo bem?

Para reiniciar o Live Server basta clicar no ícone que fica na barra inferior, perto do canto direito, do VS Code. Será um ícone de bloqueio com o número da porta se o Live Server estiver rodando, mas se não estiver será um ícone como uma antena com o nome "Go Live".

GIF mostrando como executar o arquivo index.html usando o clique direito ou o atalho no canto inferior direito do VS Code

No GIF que deixei acima mostra melhor o que comentei anteriormente. Até mesmo executei da forma convencional ou utilizando o ícone.

Fico à disposição!