scripts.js

let baseURL = 'https://cors-anywhere.herokuapp.com/https://puppr-676a9.uk.r.appspot.com/';
let baseShelterURL = 'https://torontohumanesociety.com/adopt-a-pet/dogs/';
let matchBtn = document.querySelector("#match");
let rejectBtn = document.querySelector("#reject");

let shelter_array = ["images/doggo.jpg"];
let link_array = ["https://torontohumanesociety.com/adopt-a-pet/dogs/41015170"]; //I'm adding a repeated link for the first fake dog

let dogname_array = ["Molly"];
let dogage_array = ["2"];
let dogdesc_array = ["Molly is the most energetic dog you will ever meet! She is constantly wagging her tail, and running to say hi to people. She absolutely loves park days, and will happily be sprinting back and forth across the field until is completely out of energy, then she will continue running. Molly is one to adore countrysides, with the nice long walks as the sunsets, and playing catch in the grass. She is always curious, and you will always see her saying (or attempting to say) hi to the nearly wildlife. Her favourite toy is the outdoors; rain or shine, winter or summer, as soon as you open that door, she will be outside in a heartbeat."];
let dogsex_array = ["female"];
let dogprimbreed_array = ["Shepherd"];
let dogsecbreed_array = ["Mix"];

const fetchData = (location) => {
    axios.get(baseURL + location.toLowerCase())
        .then(response => {
            for (var key in response.data) {
                shelter_array.push(response.data[key]['Photo']);
                link_array.push(baseShelterURL + response.data[key]['ID']);
                dogname_array.push(response.data[key]['Name']);
                dogage_array.push((parseInt(response.data[key]['Age']) / 14).toFixed(0));
                dogdesc_array.push(response.data[key]["description"].split("<br/><br/>", 2));
                dogsex_array.push(response.data[key]['Sex']);
                dogprimbreed_array.push(response.data[key]['PrimaryBreed']);
                dogsecbreed_array.push(response.data[key]['SecondaryBreed']);
            }
            console.log(shelter_array);
            console.log(link_array);
        });
}

function page_load() {
    fetchData('Toronto');
}

let shelter_num = 0;
var slide_i = 1;
show_slide(slide_i);
var i;

function add_slide(n) {
    show_slide(slide_i += n);

    shelter_num += 1;
    if (shelter_num > shelter_array.length) {
        shelter_num = shelter_array.length;
    }
}

function show_slide(n) {
    var pic = document.getElementById("dog-pic");
    var name = document.getElementById("dogname");
    var age = document.getElementById("dogage");
    var sex = document.getElementById("dogsex");
    var breed = document.getElementById("dogbreed");
    var desc = document.getElementById("dogdesc");

    pic.src = shelter_array[n - 1];
    name.innerHTML = "Name: " + dogname_array[n - 1];
    age.innerHTML = "Age: " + dogage_array[n - 1];
    sex.innerHTML = "Sex: " + dogsex_array[n - 1];
    breed.innerHTML = "Breed: " + dogprimbreed_array[n - 1] + ", " + dogsecbreed_array[n - 1];
    desc.innerHTML = dogdesc_array[n - 1];
}

let selected_dogs = [];
let selected_links = [];
let num = 1;

function add_to_profile() {
    selected_dogs.push(shelter_array[shelter_num]);
    selected_links.push(link_array[shelter_num]);
    add_slide(1);

    document.getElementById("dog" + num).src = selected_dogs[num - 1];
    num += 1;
}

function open_link(n) {
    window.open(selected_links[n - 1]);
}