Inhalt

Allgemeines zu JavaScript

JavaScript ist eine vielseitige und weit verbreitete Programmiersprache, die in erster Linie für Webentwicklung verwendet wird, aber auch darüber hinaus Anwendung findet. Hier sind einige der wichtigsten Einsatzgebiete von JavaScript:

Die Syntax von JavaScript entspricht im Großen und Ganzen der Syntax von C.

Variablen in JavaScript

Eine Variable in JavaScript kann unterschiedliche Datentypen annehmen. Bei der Deklaration werden dafür die Schlüsselwörter let und const verwendet. Das Schlüsselwort var ist nicht mehr gebräuchlich.

// Veränderliche Variablen
let zahl = 1;
let komma = 2.456;
let nickname = "Eva";
let flag = true;

const PI = 3.1415;

Kontrollstrukturen

Bedingungen, Schleifen, logische Operatoren, Switch-Anweisung funktionieren ebenfalls wie in C.

// Bedingungen
if (alter > 18) {
  console.log (name + " ist volljährig.");
} else {
  console.log (name + " ist noch nicht volljährig.");
}

// Schleifen
for (let i = 0; i < 5; i++) {
  console.log("Durchlauf Nummer: " + i);
}

Funktionen in JavaScript

Funktionen werden mit dem Schlüsselwort function definiert und werden oft auch Methoden genannt.

Die Angabe eines Datentyps für den Rückgabewert ist nicht notwendig. Hat eine Methode kein return-Statement, dann handelt es sich um eine Methode keinen Rückgabewert. Ist das return-Statement vorhanden, so liefert die Methode einen Rückgabewert zurück.

// Funktion ohne Rückgabewert
function gibSummeAus (a, b){
    alert ("Summe" + (a+b));
}

// Funktion mit Rückgabewert
function berechneSumme (a,b){
    return (a + b);
}

// Funktionsaufrufe
gibSummeAus (7, 11); // Gib 18 aus
let summe = berechneSumme (9, 12); // Speichert den Wert 21 in der Variable summe

Aufgabenstellung

Es ist eine einfache Webapp zu erstellen, mit der die Grundrechnungsarten trainiert werden können.

Beispielhafte Umsetzung Der Rechentrainer soll über Dialog-Boxen realisiert werden.

1. Addition

// JavaScript
let zahl;
zahl = Math.random() * 10; // Math.random() liefert eine Kommazahl zwischen 0 - 1
zahl = Math.floor( zahl ) + 1; // Math.floor() rundet eine Kommazahl ab

// JavaScript
let zahl;

// Einlesen eines Strings - Annahme: "123"
zahl = prompt ("Gib eine Zahl ein ...");
alert ( zahl + 2 ); // Ausgabe: "1232"

// Umwandeln des Strings in eine Zahl (typecast auf Number() funktioniert auch)
zahl = parseInt ( zahl ); 
alert ( zahl + 2 ); // Ausgabe: 125

2. Freie Anzahl der Fragen

3. Weitere Grundrechnungsarten

4. Auswahl der Grundrechenarten

5. Zusatz / Erweiterungen

Ressourcen

JavaScript - Teil 1