-
-
Save joseph45666/c8fb36c6d1126071a033be720f1ce73e to your computer and use it in GitHub Desktop.
JS Bin // source https://jsbin.com/rayaqegalo
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<html> | |
<head> | |
<meta charset="utf-8"> | |
<meta name="viewport" content="width=device-width"> | |
<title>JS Bin</title> | |
<script src="https://code.jquery.com/jquery-2.2.3.js" integrity="sha256-laXWtGydpwqJ8JA+X9x2miwmaiKhn8tVmOVEigRNtP4=" crossorigin="anonymous"></script> | |
<style id="jsbin-css"> | |
$red: #f0141e | |
$padding: 20px | |
body | |
background: #222 | |
h1 | |
text-align: center | |
font-size: 60px | |
color: $red | |
p | |
padding: $padding | |
a | |
color: $red | |
#results | |
margin: 50px auto | |
max-width: 960px | |
background: #eee | |
ul | |
margin: 0 auto | |
padding: 0 | |
display: block | |
li | |
display: inline-block | |
padding: $padding | |
max-width: 200px | |
vertical-align: top | |
</style> | |
</head> | |
<body> | |
<h1>Marvel API</h1> | |
<div id="results"> | |
<p>Just testing out the Marvel API pulling some comics. For more information on the API go to <a href="https://developer.marvel.com">developer.marvel.com</a></p> | |
</div> | |
<script id="jsbin-javascript"> | |
// Public Key | |
// b781b896411dee7a54253ae8e6e34453 | |
$(function(){ | |
var marvelAPI = 'https://gateway.marvel.com/v1/public/comics'; | |
$.getJSON( marvelAPI, { | |
apikey: 'b781b896411dee7a54253ae8e6e34453' | |
}) | |
.done(function( response ) { | |
var results = response.data.results; | |
console.log(results); | |
}); | |
}); | |
</script> | |
<script id="jsbin-source-css" type="text/css">$red: #f0141e | |
$padding: 20px | |
body | |
background: #222 | |
h1 | |
text-align: center | |
font-size: 60px | |
color: $red | |
p | |
padding: $padding | |
a | |
color: $red | |
#results | |
margin: 50px auto | |
max-width: 960px | |
background: #eee | |
ul | |
margin: 0 auto | |
padding: 0 | |
display: block | |
li | |
display: inline-block | |
padding: $padding | |
max-width: 200px | |
vertical-align: top | |
</script> | |
<script id="jsbin-source-javascript" type="text/javascript">// Public Key | |
// b781b896411dee7a54253ae8e6e34453 | |
$(function(){ | |
var marvelAPI = 'https://gateway.marvel.com/v1/public/comics'; | |
$.getJSON( marvelAPI, { | |
apikey: 'b781b896411dee7a54253ae8e6e34453' | |
}) | |
.done(function( response ) { | |
var results = response.data.results; | |
console.log(results); | |
}); | |
});</script></body> | |
</html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
$red: #f0141e | |
$padding: 20px | |
body | |
background: #222 | |
h1 | |
text-align: center | |
font-size: 60px | |
color: $red | |
p | |
padding: $padding | |
a | |
color: $red | |
#results | |
margin: 50px auto | |
max-width: 960px | |
background: #eee | |
ul | |
margin: 0 auto | |
padding: 0 | |
display: block | |
li | |
display: inline-block | |
padding: $padding | |
max-width: 200px | |
vertical-align: top |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// Public Key | |
// b781b896411dee7a54253ae8e6e34453 | |
$(function(){ | |
var marvelAPI = 'https://gateway.marvel.com/v1/public/comics'; | |
$.getJSON( marvelAPI, { | |
apikey: 'b781b896411dee7a54253ae8e6e34453' | |
}) | |
.done(function( response ) { | |
var results = response.data.results; | |
console.log(results); | |
}); | |
}); |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment