chuck norris facts

chuck norris facts.markdown

chuck norris facts

A Pen by seth dehaan on CodePen.

License.

index.html

<div class="center">
  <p id="quote"></p>
<button class="btn btn-primary" id="getQuote">TELL ME ABOUT CHUCK NORRIS</button>
  <button class="btn btn-warning" id="tweet">TWEET THIS</button>
  
</div>

script.js

$(document).ready(function() {
  
  var quote = ""
  
  $('#getQuote').click(function() {
    $.getJSON('http://api.icndb.com/jokes/random', function(json) {
      console.log(json);
      $('#quote').html('Here is your random Chuck Norris fact:<br><br>' + json.value.joke);
      quote = json.value.joke;
      console.log(quote)
    })
  })
  
  $('#tweet').click(function() {
    if (quote != "") {
    window.open('https://twitter.com/intent/tweet?text=' + quote, '', 'width=700, height=400')
    } else {
      alert("You can't tweet nothin'!")
    }
  })
})

scripts

<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>

style.css

.center {
  text-align:center;
  padding-top:100px;
  width: 700px;
  margin:auto;
  font-size: 1.5em;
}

#quote {
  min-height:200px;
}

styles

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet" />