taralino

Datentyp Boolean

Wie bereits angekündigt stellen wir schließlich noch zwei weitere Datentypen vor und beginnen mit dem einfachen Datentyp Boolean.

Genauer können Variablen vom Datentyp Boolean nur zwei Werte annehmen, nämlich true (wahr) und false (falsch). Dadurch können beispielsweise globale Eigenschaften festgelegt werden.

Beispiel

Die Variable draw_yellow_dots entscheidet darüber, ob die nachfolgenden Kreise mit einen kleinen gelben Punkt versehen werden oder nicht.

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <script src="taralino.js"></script>
</head>
<body>
<script>

var draw_yellow_dots = true;

Canvas.init([0,20], [0,12], {width:480, background:"lightgrey"});

for (var k = 0; k < 32; k++) {
  var x = random(2,18);
  var y = random(2,10);
  Canvas.circle(x, y, 0.6, {fill:"green", stroke:"lime"});
  if (draw_yellow_dots == true) Canvas.circle(x, y, 0.2, {fill:"yellow"});
};

</script>
</body>
</html>

Vorschau Download Kopie speichern

Aufgabe

Mache dich mit dem Beispiel zuvor vertraut. Beachte, dass bei der if-Bedingung ein Vergleich zwischen Variablen bzw. Werten von Datentyp Boolean durchgeführt wird. Setze den Wert der Variablen draw_yellow_dots von true auf false und aktualisiere die Vorschau.

Hinweis

Wie das folgende Beispiel veranschaulicht, können Variablen vom Datentyp Boolean auch das Ergebnis einer Bedingung bzw. eines Vergleichs speichern.

Beispiel

Die Variable draw_yellow_dots speichert das Ergebnis eines Vergleichs.

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <script src="taralino.js"></script>
</head>
<body>
<script>

Canvas.init([0,20], [0,12], {width:480, background:"lightgrey"});

for (var k = 0; k < 32; k++) {
  var x = random(2,18);
  var y = random(2,10);
  var draw_yellow_dots = (x < 10);
  Canvas.circle(x, y, 0.6, {fill:"green", stroke:"lime"});
  if (draw_yellow_dots == true) Canvas.circle(x, y, 0.2, {fill:"yellow"});
};

</script>
</body>
</html>

Vorschau Download Kopie speichern