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

[Dúvida] Não sei testar o programa que esta sendo criado

Bom dia, boa tarde, boa noite.

Ao chega no tópico "09 Desafio: hora da prática", sei criar um novo arquivo texto.js, mas nao sei testar. Logo no inicio do curso, baixamos o projeto base para acompanhar o curso e lá veio um arquivo de nome index.html , como faço o mesmo para os desafios? Alguem pode me ajudar? Acho que cheguei perto indo em "Run ande Debug", mas nao tenho certeza e mesmo se esse for o caminho, não estou sabendo fazer sozinho.

3 respostas

procurei na internet como testar, e cheguei ao "https://codepen.io/pen/". mas acredito que o VS CODE tenha as ferramentas mais corretas.

solução!

Olá Douglas, tudo bem?

Para testar código JS junto com HTML, você pode utilizar uma ferramenta online, como o JSFiddle, que considero muito bom. Ele tem todas as ferramentas do VSCode para JavaScript+HTML, e mais algumas, além de uma boa interface: https://jsfiddle.net/Lv7vy6kk/.

Se está no começo do aprendizado, essa pode ser a melhor maneira, pois é a ferramenta mais intuitiva e tranquila de se trabalhar.

Entretanto, se quiser fazer pelo vscode mesmo, também é possível, claro.

Você pode fazer de duas maneiras:

A primeira, (funciona em todos os sistemas operacionais), é: abra o arquivo HTML conectado ao JavaScript que você quer testar pelo Explorador de Arquivos. Depois clique em 'abrir com', e execute com o navegador de sua preferência.

A segunda (funciona apenas no windows) é: abra um terminal no VSCode (no menu superior: "terminal" -> "novo terminal"), e execute o comando "start NOME_DO_ARQUIVO", isso vai abrir o arquivo HTML no seu navegador padrão.

Uma vez no navegador, você pode ver os resultados da execução do seu script JS apertando a tecla F12, e depois clicando na opção "console" que vai aparecer.

Se isso respondeu sua pergunta, peço que por favor marque a dúvida como concluída, se não, por favor, pergunte novamente e vou tentar ajudar mais.

Boa sorte :)

Obrigado.