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

[Dúvida] Exercicio 2, carrinho de compra

Dúvida no Exercicio 2: Crie um formulário simples com campos de entrada e utilize JavaScript para recuperar os valores digitados nos campos usando a propriedade value. Exiba os valores no console e na tela.

Por algum motivo quando abro o site no live server, aparece esta mensagem de erro no console, e não consigo concluir o exercício.!

Print do console com o erro

Aqui em baixo estou deixando o código html usado, é o mesmo da aba Opinião do Instrutor, infelizmente quando copio e colo ele não esta saindo completo aqui na pergunta.

Print Código Html

Nome:
    <label for="campoIdade">Idade:</label>
    <input type="text" id="campoIdade" name="idade">

    <button type="button" onclick="capturarValores()">Capturar Valores</button>

    <div id='mostraNome'><span>Seu nome e idade irão aparecer aqui.</span></div>
</form>
]
5 respostas

Oii, Angelo!

O erro indica que o navegador não conseguiu encontrar o arquivo script.js ou que o servidor está servindo o arquivo com um tipo MIME incorreto.

Você poderia colocar a pasta do seu projeto completo, em alguma plataforma de armazenamento de projetos, como, por exemplo, o GitHub, o Google Drive. Pois com o projeto completo eu posso fazer todos os testes necessários por aqui e lhe ajudar da melhor forma. Lembre de deixar o acesso público.

Fico no aguardo.

Olá Lorena! Vou estar deixando aqui um link do arquivo Google Drive, creio que seja a forma mais simples e rápida. https://drive.google.com/drive/folders/1y2_k7rwpipzoJ5XchicG_1VnM5g26ZWM?usp=drive_link

Desde já agradeço!

Oii, Angelo.

Obrigada por disponibilizar no Google Drive, mas o link está privado. Você precisa deixar público, assim vou conseguir acessar.

Fico no aguardo.

solução!

Oii, Angelo!

Agora consegui, muito obrigada!

Vamos lá! O problema é bem simples, o nome do seu arquivo é app.js mas no seu html você está linkando script.js. Por isso o navegador não estava conseguindo encontrar o arquivo e o erro era gerado.

Mude no html para <script src="app.js"></script> que irá funcionar.

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