// instagram.json 投稿取得 js
document.addEventListener('DOMContentLoaded', () => {

    // 投稿内容json取得
    fetch('../data/instagram_graph_api/nichigura/PostsInstagram.json')
    .then(response => response.json())
    .then(mediaData => {
        // [#instagram .instagram-inner ul] 配下に<li><a href="リンク" target="_blank"><img src="ソース">を作成
        const instagramList = document.querySelector('#sns .instagram-inner ul');
  
        // 投稿毎に処理
        for (let i = 0; i < mediaData.media.data.length; i++) {
            const media = mediaData.media.data[i];

            // liタグ作成
            const listItem = document.createElement('li');

            // aタグ作成
            const link = document.createElement('a');
            link.setAttribute('href', media.permalink);
            link.setAttribute('target', "_blank");

            // imgタグ作成
            const image = document.createElement('img');
            //動画の場合はサムネイル、画像はメディアからソースに入れる
            image.setAttribute('src', media.thumbnail_url || media.media_url);

            link.appendChild(image);
            listItem.appendChild(link);
            instagramList.appendChild(listItem);
        }
    });
});