html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>JavaScript introduktion</title>
</head>

<body>


    <script>
        // En kommentar anges med två snedstreck

        /*
        En kommentar över flera rader i JavaScript
        öppnas med snedstreck följt av stjärna, och
        stängs med stjärna följt av snedstreck
        */

        /* En variabel kan defineras med nyckelordet "var" följt av variablens namn
        När variabeln skapas kan ett värde anges genom att skriva ett likamedtecken och därefter ett värde
        */
        var x = 2;

        // deklareras variablen utan ett värde sätts värdet automatiskt till "undefined"
        var s;

        /*
        JavaScript som körs, exekveras, kan skrivas ut i ett konsol fönster
        som finns i en webbläsare.
        */
        console.log(x, s);

        // En datatyp i JavaScript kallas för "string" - det är ett värde som är baserat på text - innanför dubbefnuttar
        var champ = "Lux";

        // Fler exempel
        // En variabel skrivs med camel case, dvs ord som bildar variabelns namn har inledande versal
        var firstName = "Donald";
        var lastName = "Duck";

        // Med JavaScript kan variabler slås ihop - konkatinera (eng concat)
        // Slå ihop variabler med ett inkluderat mellanslag
        var name = firstName + " " + lastName;
        console.log(name); // Donald Duck

        // Att testa en datatyp görs med nyckelordet typeof
        console.log("Dataypen är följande:", typeof name);

        // En datatyp i JavaScript kallas för "number"
        var y = 7;
        var sum = x + y;

        console.log("Summan av de två variablernas värde är:", sum);

        // Testa datatypen på variabeln sum
        console.log("Datatypen är:", typeof sum);

        // Slå ihop string och number...
        var result = name + sum;
        console.log(result, typeof result);

        // Uppgift: skapa en variabel som beräknar produkten (multiplikation) av x och y
        var total = x * y;
        console.log(total);

        // Fråga efter användarens namn
        var userFirstName = prompt("Ange ditt förnamn");

        // Svara användaren med en text - lagras i variabeln message;
        var message = "";


        // Fråga efter användarens efternamn och ålder
        var userLastName = prompt("Ange ditt efternamn");
        var userAge = prompt("Ange din ålder");

        // Slå ihop för- och efternamn
        var userName = userFirstName + " " + userLastName;

        // Lägg till förnamnet i message
        message = message + userName;

        // Skriv message i console.log();
        console.log(message);

        // Kontrollera de olika variablerna datatyper
        console.log(typeof userFirstName, typeof userLastName, typeof userName, typeof userAge);

        // Ange olika hälsningsfraser beroende på hur gammal man är...
        // Förvald fras
        var hello = "Hej!";

        // För att kontrollera ett tal - som en ålder - måste en sträng - string - ändras till datatypen number...
        userAge = parseInt(userAge);

        // Är användaren äldre än 75...
        if (userAge >= 75) {
            hello = "God dag!";
        }

        // Är användare yngre än 15...
        if (userAge <= 15) {
            hello = "Tjaba läget";
        }

        // Skriv innehållet till skärmen med metoden document.write();
        var realMessage = hello + " " + userName;

        document.write(realMessage);

    </script>


</body>

</html>