JSFiddle - React, Tailwind, and code Playground
HTML
<!DOCTYPE html>
<html>
<head>
<script>
var xmlhttp = new XMLHttpRequest();
var url = "https://graph.facebook.com/10152418935306569/photos?fields=source&limit=999&access_token=這裡置入Graph API Explor申請的臨時Access Token試試看";
xmlhttp.onreadystatechange = function() {
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
var myArr = JSON.parse(xmlhttp.responseText);
myFunction(myArr);
}
}
xmlhttp.open("GET", url, true);
xmlhttp.send();
function myFunction(arr) {
var data = arr.data;
var out = "";
var i;
for(i = 0; i < data.length; i++) {
out += '<img src="' + data[i].source + '" class="facebook-pics" id="pic' + i+1 + '"/>';
}
document.getElementById("facebook-stuff").innerHTML = out;
}
</script>
</head>
<body>
<div id="facebook-stuff">
</div>
</body>
</html>