JSFiddle - React, Tailwind, and code Playground

JavaScript

//Question 4
/** The log method can accept any number of Arguments * just separate them with a comma. * var myString = "I Love JavaScript"; * var myOtherString = myString.toLowerCase(); * console.log(myString, myOtherString); */
var myNewestFriend = {
    name: 'BoiseCodeWorks',
    age: 999
};
var f1 = {
    name: "Coby",
    age: 41
};
var f2 = {
    name: "Martin",
    age: 37
};
var f3 = {
    name: "Shad",
    age: 37
};
var me = {
    name: "Todd McCulloch",
    age: 44,
    friends: [f1, f2, f3]
};

function logFriends() {
    for (i = 0; i < me.friends.length; i++) {
        console.log(i, me.friends[i].name, "-", me.friends[i].age);
    }
}

//Your code below this line... 
//Q2: uppercase my name
var uppercaseMe = me.name.toUpperCase();
console.log(uppercaseMe);
logFriends();
//Q3: add MyNewestFriend to end of me.friends
me.friends.push(myNewestFriend);
logFriends();

//Q4: Create variable called myOldestFriend
var myOldestFriend = {
    name: "oldestFriend",
    age: 1000
};

//Jake: I don't understand problem 4/lesson 4 means by "set it by removing the last friend".  What should the final result look like?

//remove last friend from list and "set" myOldestFriend
me.friends.pop();
me.friends.push(myOldestFriend);
console.log("with oldest friend");
logFriends();
//me.friends.splice(3, 3, myOldestFriend); 


//BONUS 
//Q5:Reverse order of friends and put oldest friend in proper index 
//Jake: What do you mean by proper index? Sort by age? By oldest do you mean their age or length of time known?

me.friends.reverse();
console.log("reverse result");
logFriends();

//
console.log("sort by age");
me.friends.sort(function (a, b) {
    if (a.age > b.age) {
        return 1;
    }
    if (a.age < b.age) {
        return -1;
    }
    // a must be equal to b
    return 0;
});

logFriends();


var contactList = [{
    name: "Jake Overall",
    email: "[email protected]"
}, {
    name: "Tony Carolla",
    email: "[email protected]"
}, {
    name: "John...