sethxd · August 28, 2015 12:56
diff --git a/chuck norris facts.markdown b/chuck norris facts.markdown
diff --git a/index.html b/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>
diff --git a/script.js b/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'!")
    }
  })
 })
diff --git a/scripts b/scripts
 <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
diff --git a/style.css b/style.css
 .center {
  text-align:center;
  padding-top:100px;
  width: 700px;
  margin:auto;
  font-size: 1.5em;
 }

 #quote {
  min-height:200px;
 }
diff --git a/styles b/styles
 <link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet" />
	<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>
	$(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'!")
	}
	})
	})