HW/HW013/index.js

function jsonPost(url, data)
{
    return new Promise((resolve, reject) => {
        var x = new XMLHttpRequest();   
        x.onerror = () => reject(new Error('jsonPost failed'))
        //x.setRequestHeader('Content-Type', 'application/json');
        x.open("POST", url, true);
        x.send(JSON.stringify(data))

        x.onreadystatechange = () => {
            if (x.readyState == XMLHttpRequest.DONE && x.status == 200){
                resolve(JSON.parse(x.responseText))
            }
            else if (x.status != 200){
                reject(new Error('status is not 200'))
            }
        }
    })
}

let login = document.getElementById('inputName')
let msg = document.getElementById('inputMsg')
let send = document.getElementById('send')
let chat = document.getElementById('chat')
let messageId = 0;


async function sendMessage(nick , message ){
        await jsonPost("http://students.a-level.com.ua:10012", {
        func: 'addMessage', 
        nick: login.value, 
        message: msg.value})
}


async function getMessages(){
        jsonPost("http://students.a-level.com.ua:10012", {
        func: "getMessages", messageId: 0
    }).then((a) => {
        showChat(a.data, chat)
    })
}

function showChat(data, container){
    let sortedData = data.sort((a, b) => b.timestamp - a.timestamp)
    for(let message of sortedData){
        let div = document.createElement('div')
        let spanName = document.createElement('b')
        let spanMsg = document.createElement('span')
        let spanTime = document.createElement('mark')
        let time = new Date(message.timestamp)

        container.appendChild(div)
        div.appendChild(spanName)
        div.appendChild(spanMsg)
        div.appendChild(spanTime)
        spanName.innerHTML = message.nick + ': '
        spanMsg.innerHTML = message.message + '   '
        spanTime.innerHTML = time.toGMTString()
    } 
}

async function sendAndCheck(){
    sendMessage();
    getMessages();
    msg.value = ""
}

btn.onclick = () => {
    return sendAndCheck()
}


setInterval(getMessages, 5000)