Een eenvoudig script

In de introductie van deze module hebben we beschreven hoe je een sjabloon voor een HTML5-document kan maken. Aan de HTML-code van ons voorbeelddocument gaan we nu JavaScript-code toevoegen. We plaatsen de JavaScript-code uit de tekst hieronder in de body van het HTML-document.

<!DOCTYPE html>
<html lang="nl">
     <head>
           <title>sjabloon</title>
           <meta charset="utf-8">
           <link rel="stylesheet" href="css/opmaak.css">
     </head>
     <body>
           <script>
                 /*
                       Auteur: Enigma-online.nl
                       Datum: mei 2014-05-30
                 */
                 var tekst=”Enigma”; // variabele tekst met inhoud Enigma
                 document.write(tekst);
           </script>
     </body>
</html>

Het HTML-document slaan we op onder de naam enigma.html.
Na het openen van dit bestand in een browser zien we als resultaat:

Het script begint met een stukje commentaar. Commentaar over meerdere regels staat tussen /* en */. Verderop in de code is er aan één enkele regel commentaar toegevoegd. Commentaar voor een regel begint met //. Na het eerste stukje commentaar volgt een stukje code waarin een variabele met de naam tekst wordt aangemaakt. De waarde die de variabele toegekend krijgt, is Enigma. De regel document.write(tekst); zorgt er voor dat bij het uitvoeren van de code de inhoud van de variabele tekst op het scherm wordt getoond.

In een browser kan de broncode van een HTML-pagina worden bekeken. Op een Windows-machine klik je daarvoor rechts in een browser waarin een HTML-pagina is geopend. In het snelmenu dat dan verschijnt kun je kiezen voor de optie Paginabron weergeven. Omdat JavaScript een client-side scriptingtaal is, wordt de code van het script bij het bekijken van de broncode volledig afgebeeld. Bij server-side scriptingtalen is dat niet het geval.

In de afbeelding hieronder staat een afbeelding van onze code als brondcode.

Voor het gemak zetten we nog even een paar belangrijke regels voor het schrijven van code op een rijtje:

Veel fouten kun je voorkomen door je aan deze regels te houden.