<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Spotify Breakout</title>
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script>
function queryApi() {
$(document).ready(function() {
const searchURL = 'https://newsapi.org/v1/sources?language=en';
$.get(searchURL, {
type: 'sources',
key: '0dcb4145d12f4a129cad2c7cfa52a2b9'
}).done(function(data){
\ var names = data.sources.name;
names.forEach(function(names) {
var nameDiv = $('<li>');
nameDiv.html(sources.name);
$('#nameList').append(nameDiv);
});
});
});
}
</script>
</head>
<body>
<ul id="nameList"></ul>
</body>
</html>
// Add your javascript here
$(function(){
$("h1").animate({
"margin-left": "100px"
}, "slow");
});
/* Put your css in here */
h1 {
color: red;
}