Homework

- forEach - filter - map

by Annemarie Köhler

HTML

<h1>Homework</h1>


<h3>Exercise A</h3>

<ul id="homework-a"></ul>

<h3>Exercise B</h3>

<div id="homework-b"></div>

<h3>Exercise C</h3>

<div id="homework-c"></div>

CSS

body {
    font-family: Tahoma;
}
h1, h3 {
    color: navy;
}

JavaScript

var numbers = [1, 2, 3, 4, 5];

// Current Number
var numbersAsListItems = numbers.map(function (currentNumber) {
    //fill me in! 
    return "<li>" + currentNumber "</li>";
});

numbersAsListItems.forEach(function (currentNumber) {
    // $("#homework-a").html("Current number is: " + currentNumber);
    $("#homework-a").append(currentNumber);
});


// All numbers greater than 3
var filtered = numbers.filter(function (greaterThanThree) {
    return greaterThanThree > 3;
});

$("#homework-b").html("Numbers greater than 3 are: " + filtered);


// Get square of each
var showSquares = numbers.map(function (getSquare) {
    // return Math.pow(getSquare, 2);
    return getSquare * getSquare
});

$("#homework-c").html("Squares of numbers are: " + showSquares);