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>

<h3>Exerise D</h3>
<ul id="homework-d"></ul>

CSS

body {
    font-family: Tahoma;
}

h1,h3 {
    color: navy;
}

JavaScript

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

// Current Number
    numbers.forEach(function(currentNumber) {
        // $("#homework-a").html("Current number is: " + currentNumber);
        $("#homework-a").append( 
            "<li>Current Number: " + currentNumber + "</li>");
    });

// 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);

//