window.onload = function () {
    let isAsync = true;
    (async function () {
        console.log('hello');
        var button = document.getElementById('jsGetSum');
        var x = document.getElementById('jsX');
        var y = document.getElementById('jsY');
        var resultLabel = document.getElementById('jsSumResult');
        function sendAndUpdate() {
            resultLabel.innerHTML = 'loading...';
            console.log('x = ' + x.value);
            console.log('y = ' + y.value);
            var result = '';
            var xhr = new XMLHttpRequest();
            xhr.withCredentials = true;
            xhr.open('POST', '/Sum.chn', isAsync);
            xhr.setRequestHeader('Access-Control-Allow-Origin', '*');
            xhr.setRequestHeader('Access-Control-Allow-Headers', 'Content-Type');
            xhr.setRequestHeader('Access-Control-Allow-Methods', 'GET, POST, PUT, DELETE, OPTIONS');
            var params = 'X-Value-X=' + x.value + '&X-Value-Y=' + y.value;
            console.log('params = ' + params);
            xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
            xhr.send(params);
            xhr.onreadystatechange = function()
            {
                if (xhr.status !== 200) {
                    console.log(xhr.status + ': ' + xhr.statusText);
                    result = xhr.statusText + xhr.status;
                } else {
                    console.log(xhr.responseText);
                    console.log(xhr.getResponseHeader('X-Value-z'));
                    result = xhr.getResponseHeader('X-Value-z');
                }

                resultLabel.innerHTML = result;
            }
        }

        button.onclick = sendAndUpdate;
    })();
    (function () {
        console.log('hello');
        var button = document.getElementById('jsGetResultb');
        var n = document.getElementById('jsNb');
        var resultLabel = document.getElementById('jsResultb');

        function sendAndUpdate() {
            resultLabel.innerHTML = 'loading...';
            var result = '';
            var xhr = new XMLHttpRequest();
            xhr.withCredentials = true;
            xhr.open('POST', '/Randb.chn', isAsync);
            xhr.setRequestHeader('Access-Control-Allow-Origin', '*');
            xhr.setRequestHeader('Access-Control-Allow-Headers', 'Content-Type');
            xhr.setRequestHeader('Access-Control-Allow-Methods', 'GET, POST, PUT, DELETE, OPTIONS');
            var params = 'X-Rand-N=' + n.value;
            xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
            xhr.send(params);
            xhr.onreadystatechange = function() {
                if (xhr.status !== 200) {
                    console.log(xhr.status + ': ' + xhr.statusText);
                    result = xhr.statusText + xhr.status;
                } else {
                    console.log(xhr.responseText);
                    result = xhr.getResponseHeader('X-Result-N');
                }
                let xmlDoc = $.parseXML(result);
                var ggg = xmlDoc.getElementsByTagName('int');
                ggg = Array.from(ggg);
                let resultArray = ggg.map(function (el) {
                    return el.innerHTML;
                });

                resultLabel.innerText = result;
                document.getElementById('jsResultArrayb').innerHTML = resultArray;
            }
        }

        button.onclick = sendAndUpdate;
    })();
    (function () {
        console.log('hello');
        var button = document.getElementById('jsGetResultc');
        var n = document.getElementById('jsNc');
        var resultLabel = document.getElementById('jsResultc');
        function sendAndUpdate() {
            resultLabel.innerHTML = 'loading...';
            var result = '';
            var xhr = new XMLHttpRequest();
            xhr.withCredentials = true;
            xhr.open('POST', '/Randc.chn', isAsync);
            xhr.setRequestHeader('Access-Control-Allow-Origin', '*');
            xhr.setRequestHeader('Access-Control-Allow-Headers', 'Content-Type');
            xhr.setRequestHeader('Access-Control-Allow-Methods', 'GET, POST, PUT, DELETE, OPTIONS');
            const params = 'X-Rand-N=' + n.value;
            xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
            xhr.send(params);
            xhr.onreadystatechange = function() {
                if (xhr.status !== 200) {
                    console.log(xhr.status + ': ' + xhr.statusText);
                    result = xhr.statusText + xhr.status;
                } else {
                    console.log(xhr.responseText);
                    result = xhr.getResponseHeader('X-Result-N');
                }
                console.log(result);

                resultLabel.innerText = result;
                const resultArray = JSON.parse(result).Values;
                document.getElementById('jsResultArrayc').innerHTML = resultArray;
            }
        }

        button.onclick = sendAndUpdate;
    })();

}