Depois de ter o software no lugar, você pode começar a escrever o código JavaScript. Para adicionar código JavaScript a um documento HTML, você precisa criar ou abrir um arquivo HTML com seu editor de texto / HTML. Um arquivo HTML básico tem um docType e algumas tags HTML básicas, como e. Por exemplo, um documento HTML 5 básico pode ser parecido com o que é mostrado abaixo.
Testando JavaScript [o conteúdo vai aqui]
Quando você vê o código JavaScript na Web, às vezes, você verá algum código JavaScript entre as tags. Ou você pode ver nas tags (ou até mesmo nos dois lugares). Para separar o código JavaScript do código HTML, você precisa colocá-lo em um conjunto de tags. A tag de abertura possui um atributo obrigatório e um atributo opcional. O atributo obrigatório é o atributo type, enquanto o atributo opcional é src (que permite apontar para um arquivo de script externo, abordado posteriormente nesta resposta). O valor do atributo type está definido como text / javascript, conforme mostrado abaixo.
Seu código JavaScript vai aqui.
Como você pode ver, seu código JavaScript é colocado entre as tags de script de abertura e fechamento. Como um script de exemplo, você poderia escrever uma simples seqüência de texto diretamente na página da Web, conforme mostrado no código abaixo (coloque isso entre as tags e):
document.write ("Texto escrito usando código JavaScript!");
No exemplo acima, a função JavaScript padrão exibe o texto entre as aspas na página. Ficaria parecido com o exemplo abaixo.
Outra opção para incluir um JavaScript em uma página é criar o script em um arquivo de texto externo e salvá-lo com uma extensão .js (tornando-o um arquivo JavaScript). O arquivo .js é então incluído na página usando o atributo src da tag de script de abertura. Então, se você quisesse usar o script acima colocando-o em um arquivo externo, colocaria o código JavaScript (sem as tags de script) em um novo arquivo de texto, como mostrado abaixo:
document.write ("Texto escrito usando código JavaScript!");
Você salvaria o arquivo com uma extensão .js. Por exemplo, você pode salvá-lo como write.js . Depois que o arquivo tiver sido salvo, você poderá chamá-lo a partir do código HTML por meio do atributo src da tag de script de abertura, conforme mostrado abaixo para write.js.
O procedimento acima tem o mesmo efeito que escrever o código entre as tags de script, mas não vai sobrecarregar o código HTML com o código JavaScript (que pode se tornar bastante demorado às vezes). Outra vantagem desse método é que o mesmo script pode ser incluído em várias páginas, e a edição do arquivo de script atualizará o script em todas as páginas que usarem o arquivo de script externo. Isso facilita muito a edição do script, pois ele pode ser feito em um só lugar (em vez de editar o código nas tags de script em cada página que contém o script).
Agora que você sabe como adicionar código JavaScript a uma página da Web, é possível usar qualquer número de scripts de exemplo JavaScript ou seguir um tutorial ou livro sobre JavaScript para saber mais sobre codificação JavaScript.