Este vídeo, vou demonstrar como podemos escrever javascript em um arquivo separado que podemos incluir em
um arquivo ele e começar a ser executado no navegador.
Então, ao invés de ter que digitar todo o nosso código em nosso cônsul aqui, que só existe até que estivéssemos frescas
na página ou fechemos a janela, agora podemos obter coisas para persistir e salvar em um arquivo.
Então, para fazer isso, precisamos ter em cada arquivo da equipe.
Então eu tenho um aqui em sublime. É chamado de índice que cada equipe eu chamarei o que quiser.
E nós só precisamos colocar o nosso básico aqui.
Então, vou chamar essa demo do script.
E então não precisamos colocar nada aqui se não quisermos.
Mas apenas para deixar claro que é a mesma página, eu vou colocar Júlio, incluindo arquivos J S
e salvar.
Então eu vou continuar e abrir isso no navegador apenas para que possamos.
Então, isso parece incluir arquivos Geass.
E, assim como qualquer outro site, posso abrir o console se eu quisesse e eu poderia
começar a digitar alguns javascript aqui, mas o ponto principal era que estaríamos digitando um javascript em um arquivo separado.
Então, para fazer isso primeiro preciso fazer um arquivo separado.
Então eu vou fazer um novo arquivo e salvá-lo e só vou chamar Script Dot.
Sim.
E a parte importante é o J. S. no fim.
Então isso diz ao navegador dizer sublime. Ele conta tudo isso é um arquivo do
javascript e eu vou guardá-lo no mesmo diretório e então vou colocar uma única linha para o javascript aqui para começar.
Alerte Olá do arquivo js para que possamos ver se está funcionando.
Se recebermos esse alerta.
Então, agora, se apenas atualizamos a página, não está conectado o arquivo.
Ou cada vez que um arquivo não sabe nada sobre o arquivo javascript, então não funciona.
Portanto, precisamos conectá-los da maneira que fazemos, que está usando uma tag de script.
Então, você pode digitar script e clicar e isso irá dar-lo e sublimá-lo ou você pode digitar você
mesmo e parece esse script e não é auto-fechado, então precisamos ter a etiqueta de fechamento.
E então precisamos do atributo de origem e esse atributo de origem precisa ser igual ao arquivo
que queremos carregar.
E, na verdade, vou começar por colocar um arquivo que não existe aqui apenas para
mostrar algo errado.
Sim e se eu salvar isso e voltar para o navegador e eu atualizar e abrir o meu console, você verá que
não conseguiu carregar um erro de recurso.
Ficheiro não encontrado que não conseguiu encontrar errado.
Sim, então é tudo o que eu quero mostrar.
Se colocarmos o nome errado, isso nos informará que não pode encontrar o arquivo, mas apenas
no console.
Então, não vai quebrar o site é apenas mostrar isso para pessoas que sabem onde procurar.
Principalmente desenvolvedores, então vou colocar o arquivo certo aqui.
Scripts apenas salvar Jesus.
Volte para o navegador e atualize e agora recebo meu alerta.
Então, a qualquer momento, esta página carrega esse código será executado automaticamente.
Então, ao contrário do meu console javascript quando o código é executado quando eu toque Enter.
Então, neste caso, sempre que atualizar a página, o código é executado.
Então, o que eu quero fazer agora é voltar para o arquivo javascript e apenas adicionar algumas linhas em vez de
apenas o alerta.
seguida, apenas imprime uma mensagem que diz prazer em conhecê-lo, independentemente do usuário inserido.
Eu quero ter algumas linhas que pedem ao usuário seu nome e, em
Então, para fazer isso, vamos usar o prompt.
Então esse é o nosso prompt de primeira linha.
Qual é o seu nome para capitalizar isso.
E então vamos armazenar isso em uma variável para que possamos usar isso mais tarde.
Eu vou salvar nosso prompt de nome de usuário igual.
Qual é o seu nome.
E então o próximo passo é usar esse nome de usuário para cumprimentar o usuário.
Então eu vou dizer prazer em conhecê-lo.
Nome de usuário.
Então, vamos fazer um alerta e cancelar esse registro.
Então, comece com o alerta de alerta.
Prazer em conhecê-lo certifique-se de que temos o espaçamento certo lá.
Nome de usuário adicional
e um registro desse tipo.
Apenas para que possamos vê-lo em dois lugares.
Também ótimo para conhecê-lo.
Nome de usuário Plus.
Então estamos concatenando as cordas juntas duas vezes diferentes para alertá-las em uma para cancelar o log
do bot.
Então, agora vamos voltar ao navegador que atualizamos.
A primeira coisa que acontece.
Ele nos pede um nome, então vamos colocar o apelido do meu cão Tator.
Ok, me agrada conhecer o Tator.
E se eu abrir o console, veremos.
Também é ótimo conhece-lo Tator.
E também você pode ver isso, me diz o script, sim, linha 3, então, mais tarde, quando tivermos arquivos
complicados loucos e algo errado, poderemos ver exatamente onde e qual número de linha em nosso arquivo.
Então é tudo o que eu quero mostrar lá.
Esses três métodos que nós pedimos para pedir ao usuário alguma entrada e ele o armazena em um alerta variável
apenas para ser desagradável e alertar algo no pequeno pop-up e cancelar sobre o log que apenas
imprime algo ao console