I used the code shown in the fcc “challenges” but it doesn’t seem to work in CodePen. What am I missing? Is there something else that is “behind the scenes”, I need to include too? Here’s my code:
<script>
$(document).ready(function() {
$("#getQuote").on("click", function(){
var Quote = quotes[Math.floor(Math.random()*10)[0];
$(".quote").html("Here is the quote");
});
});
});
</script>
…
<div class="container-fluid">
<div class="row">
<div class="col-md-3"></div>
<div class="col-md-6 text-center">
<h1>The Random Quote Machine</h1>
</div>
<div class="col-md-3"></div>
</div>
<div class="box big_box"> <!-- Box "row"-->
<div class="row"> <!-- Quote "row-->
<div class="col-md-2"></div>
<div class="col-md-8 well quote small_box">
Quote will go here
</div>
<div class="col-md-2"></div>
</div>
<div class="row small_box"> <!-- Button "row" -->
<div class="col-md-6">
<button id="getQuote" class="btn make_green">Get a new random quote</button>
</div>
<div class="col-md-6">
<button type="submit" class="btn btn-info">Tweet this quote</button>
</div>
</div>
</div>
</div>