Übungsaufgabe

Allgemeine Fragen

Was ist ein Script ?

Was bedeutet es "ein Skript zu interpretieren" ?

Was ist Quelltext, Sourcecode, Programmcode, Programmtext ?

Woran erkennt man ein Script in einer HTML-Seite ?

Wo findet man Javascript-Quelltext in einer HTML-Seite ?

Zu welchem Zeitpunkt wird das Javascript ausgeführt (gestartet)? Bedenken Sie, dass der Browser (z.B. Firefox) die HTML-Seite vom Server als Stream lädt. Alle bereits empfangenen Zeichen können vom Browser also verwendet werden (z.B. Anzeige von HTML, Ausführen von Skripten).

Was sind Anweisungen? Was sind Blöcke ?

Wozu benötigt man Variablen ?

Einbindung von JavaScript in HTML

Aufgabe 1

Probieren Sie das Beispiel aus der Vorlesung aus: Benutzen Sie einen beliebigen Editor und tippen Sie das Beispieldokument ab. Speichern Sie die Datei unter erstesJavaScriptProgramm.html und schauen Sie sich das Resultat im Browser an.

Aufgabe 2

Wenn Sie eigene Dokumente mit eingebetteten JavaScript-Anweisungen schreiben, kommt es immer wieder vor, dass Sie einmal kleinere Schreibfehler machen. Deshalb sollen Sie jetzt probeweise einige Fehler ganz bewusst in das Dokument einbauen, um später mit den Auswirkungen bei der Darstellung im Browser etwas anfangen zu können. Bauen Sie nacheinander an verschiedenen Stellen der gerade angelegten HTML-Datei Schreibfehler in das öffnende

• Deaktivieren Sie die Ausführung von JavaScript in Ihrem Browser.
• Lassen Sie die schließenden HTML-Kommentarzeichen weg.
• Fügen Sie ein einzeiligen Kommentar in das Script ein und lassen Sie das zweite /-Zeichen weg
• Fügen Sie ein mehrzeiligen Kommentar in das Script ein und lassen Sie ein *-Zeichen weg
• Lassen Sie das -Tag weg

JavaScript in separaten Dateien

Aufgabe 3

Probieren Sie auch dieses Beispiel aus der Vorlesung aus! Benutzen Sie einen beliebigen Editor und tippen Sie das Beispieldokument ab. Speichern Sie die Dateien unter zweitesJavaScriptProgramm.html und zweitesJavaScriptProgramm.js und schauen Sie sich das Resultat im Browser an.

document.write("Begruessungstext: ...");

Variablen

Was sind Variablen?

Was kann man in Variablen speichern?

Gibt es Unterschiede zwischen den zu speichernden Werten? Welche?

Nennen Sie umgangssprachlich vier verschiedene Typen von Variablenwerten!

Nennen Sie die in der Fachsprache üblichen Bezeichnungen für verschiedene Typen von Variablenwerten!

Was sind Literale?

Unterstreichen Sie alle Text-Literale: abc, "abc", "X", "4+5", 4+"5"

Unterstreichen Sie alle Wahrheitswert-Literale: true, True, "false", "56 == 93", false

Unterstreichen Sie alle Zahlen-Literale: 2.7, -65, 5+6, sechs, "8", "siebzehn"

Unterstreichen Sie alle gültigen Javascript-Ausdrücke: 5+6, 56==93, 8*"sieben", 5>34, 5=5, "5" * "4"

Kann eine Javascript-Variable Daten unterschiedlichen Typs speichern?

Wie reagiert ein Javascript-Programm auf Typfehler?

Werten Sie die folgenden Javascript-Ausdrücke aus und geben Sie den Typ an:

Erstes Programm

Schreiben Sie ein Programm zum Testen der Entwicklungsumgebung! Bevor man so richtig loslegen kann, muss man immer zuerst einmal testen, ob die Programmierumgebung richtig funktioniert.

Dazu gehört in unserem Fall:

• ein funktionierender Editor (das Programm, mit dem wir die Programme schreiben),
• ein Browser zum Anzeigen der Seiten und zum Ausführen der Skripte (z.B. Firefox) und
• ein ganz einfaches Programm, welches uns zeigt, ob wir auf dem richtigen Weg sind.

Vorgaben:

Unser Programm soll den Titel "Hello Welt!" bekommen (title tag). Die Datei soll hellowelt.html heißen. Das Programm gibt auf dem Bildschirm den Text "Hello World!" mit dem Javascript-Befehl alert aus.

Zweites Programm

Schreiben Sie ein Javascript-Programm, welches die 3 Zeichenketten Vorname, Nachname und Telefonnummer aneinander hängt (mit Leerzeichen dazwischen) und ausgibt!

• Legen Sie vier Variablen an für die 3 Zeichenketten und das Ergebnis.

• Eingabe:
  • Lesen Sie die 3 Zeichenketten Vorname, Nachname und Telefonnummer mit prompt ein.

• Verarbeitung:
  • Verknüpfen Sie Vorname, Nachname und Telefonnummer und schreiben Sie die neue Zeichenkette in die Variable ergebnis.

• Ausgabe:
  • Geben Sie das Ergebnis mit alert aus.

Drittes Programm

Schreiben Sie ein Javascript-Programm, welches 2 Zahlen addiert!

• Legen Sie vier Variablen an für die Eingabezeichenkette von prompt, zwei Zahlen und das Ergebnis.

• Eingabe:
  • Lesen Sie die 2 Zahlen mit prompt ein (Zeichenketten!) und wandeln Sie diese gleich mit parseFloat um in Zahlen, welche in den Variablen für die zwei Zahlen gespeichert werden.

• Verarbeitung:
  • Berechnen Sie das Ergebnis.

• Ausgabe:
  • Geben Sie das Ergebnis mit alert aus.

Aufgaben zum Üben

Aufgabe 1

Schreiben Sie ein Programm, welches zwei Kommazahlen addiert, welche Sie zuvor mittels prompt eingegeben haben!

Aufgabe 2

Eine in Celsius (C) eingegebene Temperatur soll in Fahrenheit (F) und in Kelvin (K) umgerechnet und ausgegeben werden.

F = C * 9/5 + 32

K = C + 273,15

Als Ausgabe soll z. B. erscheinen: 20° Celsius sind 68° Fahrenheit und 293.15° Kelvin.

Aufgabe 3

Schreiben Sie ein Programm, welches Euro-Geldbeträge in Dollar umrechnet.

Der Umrechnungskurs ist 1 € = 1.28030 $.

Eingabe: 45

Ausgabe: 45 Euro sind 57.6135 Dollar. Die Stellenanzahl ist beliebig.

Aufgabe 4

Schreiben Sie ein Programm, welches 2 ganze Zahlen einliest (Stunden und Minuten) und als Ergebnis die Zeitangabe in Stunden und Minuten als Kommazahl in Stunden ausgibt.

Beispiel:

Eingabe: 2

Eingabe: 45

Ausgabe: 2 Stunden und 45 Minuten sind 2.75 Stunden.

Aufgabe 5

Ein Steuerberechnungsprogramm soll eine Eingabe des Bruttolohnes und die Eingabe der Kinderanzahl erwarten.

Der Nettobetrag eines Bruttomonatslohn errechnet sich wie folgt:

1. Lohnsteuer: 5% vom Bruttolohn

1. Krankenversicherung: (11% - Anzahl der Kinder * 1 %) vom Bruttolohn (z.B. eine Familie mit 3 Kindern hat 8% zu zahlen)

1. Kirchensteuer: 3% der Lohnsteuer vom Bruttolohn

1. Solidaritätsabgabe: 1% der Lohnsteuer vom Bruttolohn

1. Pflegeversicherung: 20 % der Krankenversicherung vom Bruttolohn

Das Programm soll alle Abzüge vom Bruttolohn angeben.

Aufgabe 6

Schreiben Sie ein Programm, welches die Fläche eines Rechtecks mit den Seiten a und b berechnet. Geben Sie als Ergebnis folgende Meldung aus: "Das Rechteck mit den Seiten a cm und b cm hat die Fläche F cm2".

Aufgabe 7

Das Programm soll nach Eingabe der Länge, der Breite und der Höhe folgende Ausgabe machen: Ein Quader mit der Höhe 2 m , der Breite 5 m und der Länge 7 m hat ein Volumen von 70 m³ einen Oberflächeninhalt von 118 m² die Kantenlänge von 56 m

Aufgabe 8

Ein Programm soll 2 Brüche einlesen und die Summe, die Differenz, das Produkt und den Quotient errechnen. BRUCHRECHNUNG

1.Zaehler 1

1.Nenner 2

2. Zaehler 6

2. Nenner 3

Beispiele:

1/2 + 6/3 = 15/6

1/2 - 6/3 = -9/6

1/2 * 6/3 = 6/6

1/2 / 6/3 = 3/12

Die Ergebnisse müssen nicht gekürzt werden!

Aufgabe 9

Ein Programm soll 2 Widerstandswerte einlesen. Es soll der Wert des Gesamtwiderstandes für die Reihenschaltung und die Parallelschaltung berechnet und angezeigt werden.

Hinweise

Aneinanderreihen von Zeichenketten funktioniert mit dem '+' - Zeichen!

Die Methode promppt zeigt ein Dialogfenster mit einem Eingabefeld, einem Button "Ok" und einem Button "Abbrechen" an. 
Der Nutzer kann in dem Eingabefeld etwas eintragen und die Methode liefert diesen eingetragenen Wert zurück. 
prompt() erwartet zwei Parameter:
1. Aufforderungstext = Text, der beschreibt, was der Anwender eingeben soll.
2. Feldvorbelegung = Text, mit dem das Eingabefeld vorbelegt wird. Wenn Sie ein leeres Eingabefeld wollen, übergeben Sie dafür eine leere Zeichenkette "".
Syntax:prompt("Aufforderungstext", "Feldvorbelegungstext");