Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

JavaScript

Kevin Graves Jackson
seal-mask
.a{fill-rule:evenodd;}techdegree
Kevin Graves Jackson
Full Stack JavaScript Techdegree Student 2,229 Points

Undefined on random quote generator?

I am undefined on my program but also no errors when I run in in the Chrome console.

/******************************************
Treehouse FSJS Techdegree:
project 1 - A Random Quote Generator
******************************************/

// For assistance: 
  // Check the "Project Resources" section of the project instructions
  // Reach out in your Slack community - https://treehouse-fsjs-102.slack.com/app_redirect?channel=chit-chat

/*** 
 * `quotes` array 
***/
const quotes = [
  {source: 'John Lennon', quote: "You may say Im a dreamer, but I'm not the only one. I hope someday you'll join us. And the world will live as one."},

  {source:'James Cameron', quote: "If you set your goals ridiculously high and it's a failure, you will fail above everyone else's success."},

  {source: 'Steve Jobs', quote: "Your time is limited, so don't waste it living someone else's life. Don't be trapped by dogma - which is living with the results of other people's thinking."},

  {source:'Malcolm X', quote:"You don't have a peaceful revolution. You don't have a turn-the-cheek revolution. There's no such thing as a nonviolent revolution.", year:'1963', citation:"Message To the Grassroots (Speech)"},

  {source: 'Ralph Wldo Emerson', quote:"All I have seen teaches me to trust the Creator for all I have not seen."}
  ];


/***
 * `getRandomQuote` function
***/

function getRandomQuote() {
  // 1. Create a variable that generates a random number between zero and the last index in the `quotes` array
  let randomNumber = Math.floor(Math.random() * quotes.length );


 let randoQuote = quotes[randomNumber]; 

  return randoQuote;

}
getRandomQuote() 
/***
 * `printQuote` function
***/

function printQuote(){

  let newQuote = getRandomQuote();


  let benji = `
      <p class="quote"> ${quotes.quote}</p>
      <p class="source">${quotes.source} `;



      if ("year" in newQuote) {
        benji += `<span class="year"> ${quotes.year} </span>`;
        }

        if ("citation" in newQuote) {
        benji += `<span class="citation"> ${quotes.citation} </span>`;
        }

    benji += '</p>';
      document.getElementById('quote-box').innerHTML = benji;







  }
  printQuote();
/***
 * click event listener for the print quote button
 * DO NOT CHANGE THE CODE BELOW!!
***/

document.getElementById('load-quote').addEventListener("click", printQuote, false);

1 Answer