APIcalls.js

function getPandaImage(img, f) { 
    var xhttp = new XMLHttpRequest();
    xhttp.onreadystatechange = function() {
        if (this.readyState == 4 && this.status == 200) {
        var data = JSON.parse(this.responseText);
        document.getElementById(img).src = data.image;
        document.getElementById(img).alt = "panda";
        document.getElementById(f).innerText = data.fact;
        }
    };
    xhttp.open("GET", "https://some-random-api.ml/animal/panda", true);
    xhttp.send();
}

function getCatImage(img, f) { 
    var xhttp = new XMLHttpRequest();
    xhttp.onreadystatechange = function() {
        if (this.readyState == 4 && this.status == 200) {
        var data = JSON.parse(this.responseText);
        document.getElementById(img).src = data.image;
        document.getElementById(img).alt = "cat";
        document.getElementById(f).innerText = data.fact;
        }
    };
    xhttp.open("GET", "https://some-random-api.ml/animal/cat", true);
    xhttp.send();
}

function getDogImage(img, f) { 
    var xhttp = new XMLHttpRequest();
    xhttp.onreadystatechange = function() {
        if (this.readyState == 4 && this.status == 200) {
        var data = JSON.parse(this.responseText);
        document.getElementById(img).src = data.image;
        document.getElementById(img).alt = "dog";
        document.getElementById(f).innerText = data.fact;
        }
    };
    xhttp.open("GET", "https://some-random-api.ml/animal/dog", true);
    xhttp.send();
}

function getFoxImage(img, f) { 
    var xhttp = new XMLHttpRequest();
    xhttp.onreadystatechange = function() {
        if (this.readyState == 4 && this.status == 200) {
        var data = JSON.parse(this.responseText);
        document.getElementById(img).src = data.image;
        document.getElementById(img).alt = "fox";
        document.getElementById(f).innerText = data.fact;
        }
    };
    xhttp.open("GET", "https://some-random-api.ml/animal/fox", true);
    xhttp.send();
  };

function getBirdImage(img, f) {
    var xhttp = new XMLHttpRequest();
    xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
        var data = JSON.parse(this.responseText);
        document.getElementById(img).src = data.image;
        document.getElementById(img).alt = "bird";
        document.getElementById(f).innerText = data.fact;
        }
    };
    xhttp.open("GET", "https://some-random-api.ml/animal/bird", true);
    xhttp.send();
};

function getMemeImage(img, fact) {
    var xhttp = new XMLHttpRequest();
    xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
        var data = JSON.parse(this.responseText);
        document.getElementById(img).src = data.url;
        document.getElementById(img).alt = "meme";
        document.getElementById(fact).innerText = data.title;
        }
    };
    xhttp.open("GET", "https://meme-api.com/gimme", true);
    xhttp.send();
};

function getJokeImage(img, fact) {
    var xhttp = new XMLHttpRequest();
    xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
        var data = JSON.parse(this.responseText);
        document.getElementById(fact).innerText = data.joke;
        }
    };
    xhttp.open("GET", "https://some-random-api.ml/others/joke", true);
    xhttp.send();
    var xhttp = new XMLHttpRequest();
    xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
        var data = JSON.parse(this.responseText);
        document.getElementById(img).src = data.link;
        document.getElementById(img).alt = "wink";
        }
    };
    xhttp.open("GET", "https://some-random-api.ml/animu/wink", true);
    xhttp.send();
};

function getRedPandaImage(img, f) {
    var xhttp = new XMLHttpRequest();
    xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
        var data = JSON.parse(this.responseText);
        document.getElementById(img).src = data.image;
        document.getElementById(img).alt = "panda";
        document.getElementById(f).innerText = data.fact;
        }
    };
    xhttp.open("GET", "https://some-random-api.ml/animal/red_panda", true);
    xhttp.send();
};

function getKoalaImage(img, f) {
    var xhttp = new XMLHttpRequest();
    xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
        var data = JSON.parse(this.responseText);
        document.getElementById(img).src = data.image;
        document.getElementById(img).alt = "koala";
        document.getElementById(f).innerText = data.fact;
        }
    };
    xhttp.open("GET", "https://some-random-api.ml/animal/koala", true);
    xhttp.send();
}

function getRaccoonImage(img, f) {
    var xhttp = new XMLHttpRequest();
    xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
        var data = JSON.parse(this.responseText);
        document.getElementById(img).src = data.image;
        document.getElementById(img).alt = "racoon";
        document.getElementById(f).innerText = data.fact;
        }
    };
    xhttp.open("GET", "https://some-random-api.ml/animal/raccoon", true);
    xhttp.send();
}

function getKangarooImage(img, f) {
    var xhttp = new XMLHttpRequest();
    xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
        var data = JSON.parse(this.responseText);
        document.getElementById(img).src = data.image;
        document.getElementById(img).alt = "kangaroo";
        document.getElementById(f).innerText = data.fact;
        }
    };
    xhttp.open("GET", "https://some-random-api.ml/animal/kangaroo", true);
    xhttp.send();
}