solutions.js

// Exercise 1): Find the top navbar, using a query for the HTML element type. The navbar's type is `<nav>`.
document.getElementsByTagName('nav')[0];
// Exercise 2): Find the sidebar on the left by using its id and set it equal to the variable sideBar.
let sideBar = document.getElementById('sidebar-left');
// Exercise 3): Find the 'Pages' and 'Groups' sections of the sidebar by using their class.
document.getElementsByClassName('pages')[0];
document.getElementsByClassName('groups')[0];
// Exercise 4): Set the text of the 'Favorites' `h5` to say "Least Favs".
sideBar.getElementsByTagName('h5').innerHTML = "Least Favorites";
// Exercise 5): Find the first of the ads in the sidebar and hide it.
let statusUpdateForm = document.getElementsByClassName('ad-slot')[0];
statusUpdateForm.style.visibility = 'hidden';
// Exercise 6): Set the visibility on the ad that you hid in the previous exercise to make it visible again.
statusUpdateForm.style.visibility = 'visible';
// Exercise 7): Use `setAttribute` to change `src` attribute of one of the ads in the sidebar.
document.getElementsByClassName('ad-slot')[3].setAttribute("src","http://placebear.com/200/300");

// Exercise 8): Find Sam's post and change its text to something incredible.
let newText = document.getElementsByTagName('p')
newText[4].innerText = "WHAT IT DO BABY";
// Exercise 9): Find the first post and add the `.post-liked` class to it, and watch it turn blue.
let postLiker = document.getElementsByClassName('posts')[0];
let postLiked = postLiker.getElementsByTagName('li')[0];
postLiked.className = postLiked.className + ' post-liked';

// Exercise 10: Find the second post and add the `.post-shared` class to the `li` containing the text Shared to watch it turn red.
let postSharer = document.getElementById('list-of-posts');
let postShared = postSharer.getElementsByTagName('li')[4];
postShared.className = postShared.className + ' post-shared';