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>


In diesem Beispiel werden die Funktionswerte von $sin(x)$ für alle $x \in \{0,1,2,3,4,5\}$ tabelliert:
<code id="58c4760a1011d">
function print_sinus(){

  var ausgabe = "Funktionswerte für Math.sin";
  console.log(ausgabe);

  ausgabe = "---------------------------";
  console.log(ausgabe);  

  var x = 0;
  var sinus = Math.sin(x);
  ausgabe = "x= " + x + " --> sin(x)= " + sinus;
  console.log(ausgabe);

  x = x + 1; 
  sinus = Math.sin(x);
  ausgabe = "x= " + x + " --> sin(x)= " + sinus;
  console.log(ausgabe);

  x = x + 1; 
  sinus = Math.sin(x);
  ausgabe = "x= " + x + " --> sin(x)= " + sinus;
  console.log(ausgabe);

  x = x + 1; 
  sinus = Math.sin(x);
  ausgabe = "x= " + x + " --> sin(x)= " + sinus;
  console.log(ausgabe);

  x = x + 1; 
  sinus = Math.sin(x);
  ausgabe = "x= " + x + " --> sin(x)= " + sinus;
  console.log(ausgabe);

  x = x + 1; 
  sinus = Math.sin(x);
  ausgabe = "x= " + x + " --> sin(x)= " + sinus;
  console.log(ausgabe);

}
</code>
<run id="58c4760a102ee">
print_sinus();
</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 3'''

Gegeben ist die Funktion "bmi" zur Berechnung des Body-Mass-Index (BMI). 

Entwickeln Sie nun eine Funktion, die eine Körpergröße als 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>
 
Anstelle von "1.70" soll dabei der Wert des Parameters für die Körpergröße eingesetzt werden.

Die Tabelle soll alle BMI-Werte zwischen 50 und 80 Kilogramm Körpergewicht auflisten.

Arbeiten Sie mit einer Hilfsvariable ''gewicht'', die Sie mit dem Wert 50 initialisieren und deren Wert Sie schrittweise um 5 erhöhen!
<code id="58c4760a101ac">
function bmi(gewicht, groesse){

 var ergebnis = gewicht / (groesse * groesse);
 return ergebnis;

}
</code>
<code id="58c4760a1022f"></code>
<run id="58c4760a10371"></run>