apl. Prof. Dr.

Achim Ebert FB Informatik

RPTU Kaiserslautern-Landau

Webbasierte Einführung in die Programmierung

WS2023/24
Übungsblatt 6

Abgabetermin: Montag, 18.12.2023, bis 10:00 Uhr

Saalübung: Dienstag, 19.12.2023, 17:15-18:45 Uhr, Hybrid
Abnahme: KW 04/KW 05 (2024)

Beachten Sie bitte die Hinweise im Dokument „Informationen zum Übungsbetrieb“.

Aufgabe 1: Einarbeitung
Die Teilaufgaben a) und b) sind nur für WEP-5LP-XX-Gruppen verpflichtend.
a) Erläutern Sie, aus welchen Bestandteilen eine JavaScript-Funktion besteht.
b) Beschreiben Sie mithilfe eines eigenen Code-Ausschnittes, wie man alle Elemente
eines Arrays durchlaufen kann. Geben Sie ein sinnvolles Beispiel hierzu an.
c) Bei den Funktionen in Aufgabe 2 wird stets genau ein Wert zurückgegeben. Zeigen
Sie anhand eines eigenen Beispiels, wie eine Funktion unter Zuhilfenahme eines
Arrays auch mehrere Werte zurückgeben kann.
d) Erklären Sie den Unterschied zwischen lokalen und globalen Variablen. Betrachten
Sie anschließend folgenden Code-Ausschnitt und kennzeichnen Sie alle darin
enthaltenen globalen und lokalen Variablen.
var a = 4;
var b = 4, c = 10;
function magic(x, y) {
var d = 0, j = 1;
if(j == true) {
x *=10;
}
for(var i = 0; i < a; i++) {
d += x + y;
}
return d;
}
console.log(magic(b,c));
Aufgabe 2: Funktionssammlung
Erstellen Sie eine JavaScript-Datei mit Namen „library.js“. Setzen Sie in dieser sogenannten
Bibliothek folgende Funktionen um:
Name der Argumente Rückgabewert
Funktion
weightInK eine Zahl (in Gramm) umgerechnete Zahl (in Kilogramm)
g
max ein Zahlen-Array die größte Zahl im Array
(Bsp.: max([7, 3, 6, -3]) = 7)
weekday eine Zahl n zwischen 1 und 7 Der entsprechende Wochentag .
(Sie können hier annehmen,
(Bsp.: weekday(3) == "Mittwoch")
dass die Funktion nur mit den
entsprechenden Werten (Beispiel für falsche Eingabe:
aufgerufen wird. Sie können in weekday(8) == "Ungültige Eingabe" )
der Funktion aber auch
angeben, dass bei einer
falschen Eingabe eine
entsprechende Meldung
ausgeben wird, dies ist aber
kein Muss)
fac eine Zahl n n! = Fakultät von n
(Bsp.: fac(5) == 12)
isEven eine Zahl n true, falls n gerade, sonst false
numberLis eine Untergrenze (Zahl) n und Ein Array mit den Wertenvon n bis m
t eine Obergrenze (Zahl) m (Bsp.: numberList(2,5) == [2,3,4,5])
repeat ein String, eine Zahl n den String n-mal hintereinander
(Bsp.: repeat("WEP", 3) ==
"WEPWEPWEP")
prodArray ein mit Zahlen gefülltes Array Das Produkt aller Einträge
(Bsp.: prodArray([2, 1, 5, 4]) == 40)

Binden Sie die Bibliothek in ein leeres HTML-Dokument ein und testen Sie alle Funktionen
auf Funktionsfähigkeit mittels der Konsole.
Die Funktionen „fac“ und „prodArray“ sind nur für WEP-5LP-XX-Gruppen verpflichtend.

Aufgabe 3: HTML-Formular
Erstellen Sie eine HTML-Seite, die folgende Elemente enthält:
• ein einzeiliges Textfeld als Eingabewert für eine Funktion mit ID „input“.
• einen Button für eine von Ihnen gewählte Funktion aus Aufgabe 2
• einen Ausgabebereich (etwa ein p-Element mit ID „output“)
Klickt der Benutzer auf die Schaltfläche, soll in einer Hilfsfunktion (etwa
weightInKgClicked()) der eingegebene Wert mittels
document.getElementById('input').value ausgelesen, dieser dann an die
entsprechende Funktion aus Aufgabe 2 übergeben und schließlich der Rückgabewert in das
Textfeld geschrieben werden.