Trivia - Trouble getting array of questions to display

[ArmaniH]

For the trivia, I'm trying to get a question from my array to appear on screen when the user clicks to begin. The click event is working to display text, but I can't figure out how to get one of the questions to appear instead of just some placeholder text in <p>.

My array

var triviaQuestions = {
  Question1: ['How tall am I?'],
  Question2: ['How old am I?'],

My function
$( ".start" ).click(function() {
      $('p').replaceWith($('id', triviaQuestions[0]));
      $('p').show('slow');
      $('h2').show('slow');
      })

My HTML for

<p style='display: none' class='questions'>This is a trivia question</p>

[RobertAKARobin]

I'm sorry for the delay in responding, Armani! I'm checking it out now.

[RobertAKARobin]

Can you tell me what's going on here:

$('p').replaceWith($('id', triviaQuestions[0]));

A $ should only go around a CSS selector, and 'id', triviaQuestions[0] doesn't look like a selector!

[ArmaniH]

That $ defintiely wasn't helping me out. Removed!

Still not pulling from the array and when I tried to console.log the '.' in console.log is causing an error.

[RobertAKARobin]

Wat. Can you show me the text of the error, and the line that contains the problematic console log?

[ArmaniH]

[RobertAKARobin]

That's because you put a csonole.log inside your object, and you can't really do that. You have to put it outside the object. It's similar to how this wouldn't work:

"My name is " + console.log("hello") + "Joe."

[ArmaniH]

That makes perfect sense!

The triviaQuestions array is coming back as undefined

[RobertAKARobin]

Can you copy and paste from where you set triviaQuestions to the console.log?

[ArmaniH]

[RobertAKARobin]

You're trying to console.log nothing! Put something in those parentheses. :)