function attachEvents() {
    const URL = 'https://baas.kinvey.com/appdata/kid_H1W44cKcz/';
    const USERNAME = 'peter';
    const PASSWORD = 'p';
    const BASE_64 = btoa(USERNAME + ':' + PASSWORD);
    const AUTH = {'Authorization': 'Basic ' + BASE_64};
    const POSTS = $('#posts');
    const POSTCOMMENTS = $('#post-comments');

    $('#btnLoadPosts').on('click', getPosts);
    $('#btnViewPost').on('click', viewPost);

    function getPosts() {
        $.ajax({
            method: 'GET',
            url: URL + 'posts',
            headers: AUTH
        }).then(appendPosts);

        function appendPosts(posts) {
            POSTS.empty();
            for (let post in posts) {
                let newOption = $(`<option value="${posts[post]._id}">${posts[post].title}</option>`);
                POSTS.append(newOption);
            }
        }
    }

    function viewPost() {
        let postId = $('#posts').find(":selected")[0];

        $.ajax({
            method: 'GET',
            url: URL + 'posts' + '/' + postId.value,
            headers: AUTH
        }).then(changeText);

        $.ajax({
            method: 'GET',
            url: URL + `comments/?query={"post_id":"${postId.value}"}`,
            headers: AUTH
        }).then(displayComments);

        function changeText(returnedPost) {
            $('#post-title').text(returnedPost.title);
            $('#post-body').text(returnedPost.body);
        }

        function displayComments(comments) {
            POSTCOMMENTS.empty();
            for (let comment in comments) {
                let currentComment = $(`<li>${comments[comment].title}</li>`);
                POSTCOMMENTS.append(currentComment);
            }
        }
    }
}