Funktionen

Die Aufgabe

• Teil 1
  Schreibe eine Funktion, die die kleineste Zahl eines Arrays ausgibt. (Ohne Math.min zu nutzen.)

Funktionen

Eine Lösung

var getMinValueFromArray = function(array) {
    var min;
    for (var i=0; i < array.length; i++) {
        if (min === undefined || array[i] < min) {
            min = array[i];
        }
    }
    return min;
}

console.log(getMinValueFromArray([-1, 10, 20, 0, -10, 100]));
console.log(getMinValueFromArray([-1]));
console.log(getMinValueFromArray([]));
console.log(getMinValueFromArray());

Funktionen

… mit Parameterpüfung

var getMinValueFromArray = function(array) {
    if (!Array.isArray(array)) {
        console.log('Error: first parameter of getMinValueFromArray needs to be an array.');
        return;
    }

    var min;
    for (var i=0; i < array.length; i++) {
        if (min === undefined || array[i] < min) {
            min = array[i];
        }
    }
    return min;
}

Funktionen

Die Aufgabe

• Teil 2
  Erweitere die Funktion aus Teil 1 so, dass sie einen zweiten Parameter annimmt, über den ich beim Funktionsaufruf bestimmen kann, ob mir die Funktion das Maximum oder das Minimum des Arrays ausgibt.

Funktionen

Die Aufgabe

• Teil 3
  Erweitere die Funktion so, dass sie über den zweiten Parameter außerdem den Durchschnitt der Zahlenwerte des Arrays ausgeben kann.

DOM

Das Document Object Model.
Oder: Wie der Browser eine Webpage sieht.

Document Object Model

// Nochmal zurück zum Objekt

var obj = {
    text: "Hello FELD M",
    count: 14,
    foo: ["Bar", 3],
    a: (42 && true)
};

Document Object Model

1. HTML – Was ist Markup?

A Heading Level 1
A paragraph. Usually several sentences forming one thought.

    

        A bullet
    
    
And another bullet

Document Object Model

2. CSS – Was sind Formatvorlagen?

h1 {
    color: red;
    font-weight: bold;
    font-family: "Garamond", serif;
}

Document Object Model

3. JavaScript – Spielen mit dem DOM.

$(document).ready(function() {
    $('h1').css('color', 'blue'); 
});