Come faccio a scrivere un JavaScript?

Logo JavaScript o JS

Per scrivere un JavaScript, è necessario un browser Web e un editor di testo o un editor HTML.

Una volta installato il software, puoi iniziare a scrivere codice JavaScript. Per aggiungere il codice JavaScript a un file HTML, creare o aprire un file HTML con l'editor di testo / HTML. Un file HTML di base ha un docType e alcuni tag HTML di base, come <html>, <head> e <body>. Ad esempio, un file HTML5 di base potrebbe assomigliare a quello mostrato di seguito.

<! DOCType HTML> <html> <head> <title> Test JavaScript </title> </head> <body> [Il contenuto va qui] </body> </html>

Quando vedi il codice JavaScript sul Web, a volte vedrai del codice JavaScript tra i tag <head> </head>. Oppure, potresti vederlo nei tag <body> </body> (o anche in entrambi i posti). Per separare il codice JavaScript dal codice HTML, è necessario racchiuderlo in un set di tag <script> </script>. Il tag <script> di apertura ha un attributo richiesto e un attributo opzionale. L'attributo richiesto è l'attributo type, mentre l'attributo opzionale è src (che consente di puntare a un file di script esterno, trattato più avanti in questa risposta). Il valore dell'attributo type è impostato su text / javascript, come mostrato di seguito.

<script type = "text / javascript"> Il tuo codice JavaScript va qui. </ Script>

Come puoi vedere, il tuo codice JavaScript viene inserito tra i tag di script di apertura e chiusura. Come esempio di script, potresti scrivere una semplice stringa di testo direttamente sulla pagina Web, come mostrato di seguito (posizionato tra i tag <body> e </body>).

<script type = "text / javascript"> document.write ("Testo scritto usando il codice JavaScript!"); </ Script>

Nell'esempio sopra, la funzione JavaScript standard visualizza il testo tra virgolette nella pagina. Sembrerebbe l'esempio seguente.

document.write ("Testo scritto usando il codice JavaScript!");

Un'altra opzione per includere JavaScript in una pagina è la creazione dello script in un file di testo esterno. Salvare quel file con estensione .js, rendendolo un file JavaScript. Il file .js viene quindi incluso nella pagina utilizzando l'attributo src del tag di script di apertura. Pertanto, se si desidera utilizzare lo script sopra inserendolo in un file esterno, è necessario posizionare il codice JavaScript (senza i tag dello script) in un nuovo file di testo, come mostrato di seguito.

document.write ("Testo scritto usando il codice JavaScript!");

Quindi salvare il file con un'estensione .js. Ad esempio, è possibile salvarlo come write.js. Una volta salvato il file, è possibile chiamarlo dal codice HTML tramite l'attributo src del tag di script di apertura, come mostrato di seguito per write.js.

<script type = "text / javascript" src = "write.js"> </script>

La procedura sopra ha lo stesso effetto della scrittura del codice tra i tag dello script, ma non ingombra il codice HTML con JavaScript (che a volte può diventare piuttosto lungo). Un altro vantaggio è che lo stesso script può essere incluso in più pagine e la modifica del file di script aggiornerà lo script in ogni pagina che utilizza il file di script esterno. La modifica del file di script è più semplice in quanto può essere eseguita in un unico posto, invece di modificare il codice nei tag dello script in ogni pagina contenente lo script.

Ora che sai come aggiungere il codice JavaScript a una pagina web, puoi utilizzare qualsiasi numero di script di esempio JavaScript o seguire un'esercitazione o un libro JavaScript per saperne di più sulla codifica JavaScript.