Brückenkurs Websites und Webapps/Zeichenketten

Wiki-Quelltext dieser Seite.

<language>Javascript</language>
==Einführung==

Bisher haben wir stets ''Zahlen'' als Werte für unsere Variablen verwendet. In der Programmiersprache Javascript kann jeder Variable auch eine Zeichenkette zugewiesen werden. Zeichenketten werden in der Programmierung als ''Strings'' bezeichnet.

Den Wert einer Variable können wir uns mit der Funktion "console.log" anzeigen lassen.

'''Beispiele:'''
<code id="58c437d4dfb8e">
var t = "Brückenkurs";
</code>
<run id="58c437d4dfffa">
console.log(t);
</run>


<code id="58c437d4dfc66">
var t = 'Brückenkurs Websites und Webapps';
</code>
<run id="58c437d4e00ac">
console.log(t);
</run>

'''Strings müssen immer in Anführungszeichen " " oder ' ' gesetzt werden.'''


'''Aufgabe:'''
Erstellen Sie einen Text ihrer Wahl und zeigen Sie ihn auf der Konsole an!
<code id="58c440954691f"></code>
<run id="58c4409546a81"></run>


==Verknüpfung von mehreren Strings==

Mehrere Strings können mit dem Operator + zu einem längeren String kombiniert werden.

'''Beispiele:'''

<code id="58c437d4dfd4b">
var gruss = "Guten " + "Tag!";
</code>
<run id="58c437d4e0157">
console.log(gruss);
</run>


In diesem Beispiel wird der ''Wert'' der Variable ''vorname'' in die Zeichenkette eingebaut. '''Beachten Sie, dass der Variablenname nicht in Anführungszeichen " " gesetzt werden darf.
<code id="58c446bf52d20">
var vorname = "Peter";

var gruss = "Guten " + "Tag, " + vorname + "!";
</code>
<run id="58c446bf52e6c">
console.log(gruss);
</run>


<code id="58c437d4dfe06">
var teil1 = "Willkommen ";
var teil2 = "zum ";
var teil3 = "Brückenkurs!";

var satz = teil1 + teil2 + teil3;
</code>
<run id="58c437d4e0203">console.log(satz);</run>



==Verknüpfung von Strings mit Zahlen==

Strings können auch mit Zahlen zu einem größeren String kombiniert werden.

'''Beispiele:'''
<code id="58c446bf52db2">
var z = 3;

var text = "Anzahl der Kursteilnehmer: " + z; 
</code>
<run id="58c446bf52eef">
console.log(text);
</run>
Ändern Sie die Anzahl $z$ und klicken Sie nochmal auf Ausführen!


<code id="58c465089160d">
var temp = 12;

var text = "Die Temperatur ist heute " + temp + " Grad Celsius.";
</code>
<run id="58c46508916e1">
console.log(text);
</run>
Ändern Sie die Temperatur und klicken Sie nochmal auf Ausführen!


Funktionen müssen keinen Rückgabewert besitzen, d.h. sie müssen nicht unbedingt eine "return"-Anweisung enthalten. Ein Beispiel sehen Sie hier:
<code id="58c471407ddaf">
function produkt(a, b){

   var p = a * b;
   
   var ausgabetext = "Das Produkt aus " + a + " und " + b + " ist " + p + "!";

   console.log(ausgabetext);

}
</code>
<run id="58c471407df6e">
produkt(5,5);
</run>


==Übungsaufgaben==


'''Aufgabe 1'''

Vervollständigen Sie den Code, damit folgender Text angezeigt wird:
 Ich bin <alter> Jahre alt!
Anstelle von <alter> soll der Wert der Variable $alter$ eingesetzt werden.
<code id="58c471407de3e">
var alter = 23;

var text = 
</code>
<run id="58c471407dff0">
console.log(text);
</run>


'''Aufgabe 2'''

Vervollständigen Sie den Code, damit folgender Text angezeigt wird:
 Ich bin im Jahr <geburtsjahr> geboren!
Anstelle von <geburtsjahr> soll der Wert der Variable $geburtsjahr$ eingesetzt werden.
<code id="58c471407dec0">
var geburtsjahr = 1973;

var text = 
</code>
<run id="58c471407e06d">
console.log(text);
</run>



'''Aufgabe 5'''

Kopieren Sie zunächst Ihre Methode zur Berechnung der Funktion $f(x)=\sqrt{e^{\frac{x}{2}}+\frac{1}{x^2}}$ aus dem Arbeitsblatt [[HSZG_Vorkurs_Informatik_WS_2014/Variablen_und_Methoden/Teil_4 | Variablen und Methoden (Teil 4)]] in diese Codebox.
<code id="54193de6adab3"></code>

Entwickeln Sie nun eine Ausgabemethode, die keine Parameter entgegennimmt und folgende Ausgabe erzeugt:

 Funktionswerte
 --------------
 x = -3: <hier soll der berechnete Wert f(x) stehen>
 x = -2: <hier soll der berechnete Wert f(x) stehen>
 x = -1: <hier soll der berechnete Wert f(x) stehen>
 x = 0:  <hier soll der berechnete Wert f(x) stehen>
 x = 1:  <hier soll der berechnete Wert f(x) stehen>
 x = 2:  <hier soll der berechnete Wert f(x) stehen>
 x = 3:  <hier soll der berechnete Wert f(x) stehen>

Arbeiten Sie mit einer Hilfsvariable ''x'', die Sie mit dem Wert -3 initialisieren und deren Wert Sie schrittweise um 1 erhöhen!
<code id="54193de6adb63"></code>
<run id="54193de6adc4d"></run>


'''Aufgabe 6'''

Kopieren Sie zunächst Ihre Methode zur Berechnung des BMI aus dem Arbeitsblatt [[Teil 3]] in diese Codebox.
<code id="54196076d8d63"></code>

Entwickeln Sie nun eine Ausgabemethode, die keine Parameter entgegennimmt und folgende Ausgabe erzeugt:

 BMI-Tabelle (Größe 1.70m):
 --------------------------
 Gewicht     BMI
 50kg        <hier soll der berechnete BMI stehen>
 55kg        <hier soll der berechnete BMI stehen>
 ...
 80kg        <hier soll der berechnete BMI stehen>
 
Die BMI-Tabelle stellt die BMIs für die konstante Größe 1.70m und für unterschiedliche Gewichte dar. Arbeiten Sie mit einer Hilfsvariable ''gewicht'', die Sie mit dem Wert 50 initialisieren und deren Wert Sie schrittweise um 5 erhöhen!
<code id="54196076d8e0a"></code>
<run id="54196076d8f01"></run>