let header;

let subheader;

let para1;

let para2;

let lat;

let long;

let photo;

​

function setup() {

    noCanvas();

    setInterval(callISSData, 3000);

    header = createElement("h2", "");

    header.class("header");

    subheader = createElement("h5", "");

    subheader.class("subheader");

    para1 = createP("");

    para2 = createP("");

    para1.class("para");

    para2.class("para");

    photo = createImg("https://www.nasa.gov/sites/default/files/thumbnails/image/final_configuration_of_iss.jpg");

    photo.class("photo");

}

​

function callISSData() {

    loadJSON("https://api.wheretheiss.at/v1/satellites/25544", gotData);

}

​

function gotData(data) {

    spaceData = data;

}

​

function draw() {

    background(220);

    if (spaceData) {

        let name = spaceData.name.toUpperCase();

        lat = spaceData.latitude;

        long = spaceData.longitude;

        header.html(name + "'s location");

        subheader.html("Location updates every three seconds.");

        para1.html("Latitude: " + lat);

        para2.html("Longitude: " + long);

    }

}