function attachEvents() {
    let load_posts_url = `http://localhost:3030/jsonstore/blog/posts`
    let view_comments_url = `http://localhost:3030/jsonstore/blog/comments`
    const load_btn = document.getElementById('btnLoadPosts')
    const view_btn = document.getElementById('btnViewPost')
    const select_element = document.getElementById('posts')
    const h_1 = document.getElementById('post-title')
    const body_p = document.getElementById('post-body')
    const ul = document.getElementById('post-comments')

    load_btn.addEventListener('click', load_posts)
    view_btn.addEventListener('click', view_posts)

    let post_info = {}

    function load_posts() {
        fetch(load_posts_url)
            .then((res) => res.json())
            .then((post_data) => {
                post_info = post_data
                select_element.innerHTML = ""
                for (const data in post_data) {
                    let current_key = post_data[data]
                    let option_element = document.createElement('option')
                    option_element.value = current_key.id
                    option_element.textContent = current_key.title
                    select_element.appendChild(option_element)
                }
            })
    }

    function view_posts() {
        let current_post = select_element.value
        h_1.textContent = post_info[current_post].title
        body_p.textContent = post_info[current_post].body

        fetch(view_comments_url)
            .then((res) => res.json())
            .then((post_data) => {
                let post_list = []
                for (const post in post_data) {
                    if (current_post === post_data[post].postId) {
                        post_list.push(post_data[post])
                    }
                }
                ul.innerHTML = ''
                for (const i of post_list) {
                    let li = document.createElement('li')
                    li.id = i.id
                    li.textContent = i.text
                    ul.appendChild(li)
                }
            })
    }
}

attachEvents();