Messenger

function attachEvents() {
    let textareaInput = document.getElementById("messages");
    let nameInput = document.getElementById("author");
    let msgInput = document.getElementById("content");
    let btnSend = document.getElementById("submit");
    let btnRefresh = document.getElementById("refresh");

    btnRefresh.addEventListener("click", showAll);
    btnSend.addEventListener("click", createNew);

    function createNew() {
        let name = nameInput.value;
        let message = msgInput.value;

        if (name !== "" && message !== "") {
            const headers = {
                method: "POST",
                header: {"Content - type": "application/json"},
                body: JSON.stringify({ "author": name, "content": message })
            }

            fetch(`https://rest-messanger.firebaseio.com/messanger.json`, headers)
                .then(res => res.json())
                .then(() => {
                    nameInput.value = "";
                    msgInput.value = "";
                })
                .catch(handleError)
        }
    }

    function showAll() {
        textareaInput.value = "";
        fetch(`https://rest-messanger.firebaseio.com/messanger.json`)
            .then(res => res.json())
            .then(data => {
                Object.entries(data)
                    .forEach(([idPost, obj]) => {
                        const { author, content } = obj;
                        textareaInput.value += `${author}: ${content}\n`;
                    })
            })
            .catch(handleError)
    }

    function handleError(err) {
        console.log(err);
    }
}

attachEvents();