const name1 = 'First Avatar name or customer id here';
const name2 = 'Second Avatar name or customer id here';

const getCid = (name) => {
    return fetch(`https://api.imvu.com/user?username=${name}`, { "credentials": "include" })
        .then(response => response.json())
        .then(data => {
            return Object.entries(data.denormalized)[0][1].data.legacy_cid
        });
}

const getRequest = async(url) => {
    let data = await (await (fetch(url)
        .then(res => {
            return res.json()
        })
        .catch(err => {
            console.log('Error: ', err)
        })
    ))
    return data
}

const getNames = (json) => {
    keys = Object.keys(json.denormalized);
    const followersName = [];
    keys.map(x => {
        if (json.denormalized[x].data.avatar_name) {
            followersName.push(json.denormalized[x].data.avatar_name);
        }
    });
    return followersName;
}

const getNamesInCommon = (array1, array2) => {
    return array1.filter(value => array2.includes(value))
}

const contactapi = async(cid1, cid2) => {
    json1 = await getRequest(`https://api.imvu.com/profile/profile-user-${cid1}/subscribers?limit=50000`);
    json2 = await getRequest(`https://api.imvu.com/profile/profile-user-${cid2}/subscribers?limit=50000`);
    return [json1, json2];
};

const handleSubmit = async(cid1,cid2) => {
    const t = await contactapi(cid1,cid2);
    names1 = getNames(t[0]);
    names2 = getNames(t[1]);
    const common = getNamesInCommon(names1, names2);
    console.log('name in common:', common);
}

(async() => {
    let cid1 = name1;
    let cid2 = name2;
    if (isNaN(cid1)) {
        cid1 = await getCid(cid1);
    }
    if (isNaN(cid2)) {
        cid2 = await getCid(cid2);
    }

    await handleSubmit(cid1,cid2);
})();

const createInput = () => {
  const x = document.createElement("input");
   x.setAttribute("type", "text");
   return x;
}

const createLabel = (text) => {
  const x = document.createElement("label");
   x.innerHTML = text
   return x;
}

const createButton = () => {
  const x = document.createElement('button');
  x.setAttribute('type', 'button');
  x.innerText = 'Stalk';
  return x
}

const createDiv = () => {
    const x = document.createElement('div');
  return x;
}

const div = createDiv();

const elements = [createLabel('search'),createInput(),createLabel('userName'),createInput(), createLabel('occupancy'), createInput(), createButton(), createLabel()];
const search=elements[1];
const username= elements[3];
const occupancy = elements[5];
const submit = elements[6];
const counter = elements[7];

elements.map(x => {
div.append(x);
});
document.body.append(div);

// With the functions above
const dataDiv = createDiv();

// Your process fetching the data, storing it in yourData
dataDiv.innerHTML= yourData.toString();