DIRECTV_test-task

Sample.js

"use strict"

window.onload = () => {
    let image2Src = null,
        elem = document.getElementById('mainDiv'),
        getImage1btn = document.createElement('button'),
        getImage2btn = document.createElement('button');
    
    getImage1btn.innerHTML = 'getImage1Data';
    getImage2btn.innerHTML = 'getImage2Data';
    getImage1btn.id = 'getImage1Data';
    getImage2btn.id = 'getImage2Data';
    elem.appendChild(getImage1btn);
    elem.appendChild(getImage2btn);

    const getImage1Data = () => {
        let image1Src,
            xhr = new XMLHttpRequest();
        xhr.open("Get", 'some Url', false);
        xhr.send(null);
        image1Src = xhr.responseText;
    };

    const getImage2Data = () => {
        let xhr = new XMLHttpRequest();
        xhr.onreadystatechange = () => (xhr.readyState == 4 && xhr.status == 200) ?
            getSrc(xhr.responseText) : ``;
        xhr.open("Get", 'some Url', true);
        xhr.send(null);
    };

    const getSrc = text => image2Src = text;

    getImage1btn.addEventListener("click", getImage1Data);
    getImage2btn.addEventListener("click", getImage2Data);
};