function attachEvents() {
    const BASE_URL = `https://messenger-77e21.firebaseio.com/`;
    const TEXTAREA = $('#messages');

    $('#refresh').on('click', post);

    function post() {
        $.ajax({
            method: "GET",
            url: BASE_URL + '.json',
        }).then(displayMessages)

    }

    $('#submit').on('click', function () {
        let author = $('#author').val();
        let content = $('#content').val();
        let timespan = Date.now();
        if (author.trim() !== "" && content.trim() !== "") {
            $.ajax({
                method : "POST",
                url : BASE_URL + '.json',
                data : JSON.stringify({
                    author: author,
                    content: content,
                    timestamp: timespan
                })
            })
                $('#author').val("");
                $('#content').val("");


        }
    });

    function displayMessages(info) {
        let keys = Object.keys(info);
        TEXTAREA.empty();
        for (const id of keys){
            let textMess = `${info[id].author}: ${info[id].content}\n`;
            TEXTAREA.append(textMess);
        }
    }

}