function sadMenu() {
  reset(); //reset the page after the button is clicked
  let sadMenu = []; //initialize an array to hold our answers
  sadMenu.push(sad.entree[random()]); //choose random entree from the entree array in the sad object
  sadMenu.push(sad.dessert[random()]); //choose random desser from the dessert array in the sad object
  sadMenu.push(sad.drinks[random()]); //choose random drink from the drink array in the sad object
  document.querySelector('#sad').style.display = "block"; //show the photo with an id of "sad"
  document.querySelector('.border').style.borderColor = "rgb(87, 194, 250)";
  
  //loop through each choice and append it to our HTML ul
  for (let i = 0; i < sadMenu.length; i++) {
    let listItem = document.createElement('li'); //create the list item
    listItem.innerText = sadMenu[i]; //Assign the innerText of the newly created list item to our newly created sadMenu array
    let referenceNode = document.querySelector('ul'); //create a reference for the li elements to append to
    referenceNode.appendChild(listItem); //append each list element to our ul
    listItem.style.color = "rgb(87, 194, 250)"; //make the color of the element the same as the button that was clicked
  }
}
//function for 'Sad' button click event listener
function for 'Sad' button click event listener
function for ' Sad ' button click event listener
function sadMenu() {
  reset(); 
  let sadMenu = []; 
  sadMenu.push(sad.entree[random()]); 
  sadMenu.push(sad.dessert[random()]); 
  sadMenu.push(sad.drinks[random()]); 
  document.querySelector('#sad').style.display = "block"; 
  document.querySelector('.border').style.borderColor = "rgb(87, 194, 250)";
  for (let i = 0; i < sadMenu.length; i++) {
    let listItem = document.createElement('li'); 
    listItem.innerText = sadMenu[i]; 
    let referenceNode = document.querySelector('ul'); 
    referenceNode.appendChild(listItem); 
    listItem.style.color = "rgb(87, 194, 250)"; 
  }
}
function sadMenu ( ) { reset ( ) ; let sadMenu = [ ] ; sadMenu . push ( sad . entree [ random ( ) ] ) ; sadMenu . push ( sad . dessert [ random ( ) ] ) ; sadMenu . push ( sad . drinks [ random ( ) ] ) ; document . querySelector ( '#sad' ) . style . display = "block" ; document . querySelector ( '.border' ) . style . borderColor = "rgb(87, 194, 250)" ; for ( let i = 0 ; i < sadMenu . length ; i ++ ) { let listItem = document . createElement ( 'li' ) ; listItem . innerText = sadMenu [ i ] ; let referenceNode = document . querySelector ( 'ul' ) ; referenceNode . appendChild ( listItem ) ; listItem . style . color = "rgb(87, 194, 250)" ; } }
function for 'Sad' button click event listener
function for ' Sad ' button click event listener
//reset the page after the button is clicked //initialize an array to hold our answers //choose random entree from the entree array in the sad object //choose random desser from the dessert array in the sad object //choose random drink from the drink array in the sad object //show the photo with an id of "sad" //loop through each choice and append it to our HTML ul //create the list item //Assign the innerText of the newly created list item to our newly created sadMenu array //create a reference for the li elements to append to //append each list element to our ul //make the color of the element the same as the button that was clicked