columns.js

function createCol(repo) {
    let classes_arr = ["col-xl-5", "col-lg-6", "col-md-8", "col-sm-12", "col-xs-12", "repository"];
    let col = document.createElement("div");
    let avatar = document.createElement("img");
    let repo_full_name = document.createElement("span");
    let repo_owner_login = document.createElement("span");
    let repo_id = document.createElement("span");
    avatar.setAttribute('src', `${repo.owner.avatar_url}`);
    repo_full_name.innerHTML = repo.full_name;
    repo_owner_login.innerHTML = ` from ${repo.owner.login}`;    
    repo_id.innerHTML = `#${repo.id}`;            
    let childs_arr = [repo_id, avatar, repo_full_name, repo_owner_login];
    appendChildsToElement(col, childs_arr);
    addClassesToElement(col, classes_arr)
    return col;
}

function appendChildsToElement(element, childs) {
    childs.forEach(c => {
        element.appendChild(c);
    });
}

function addClassesToElement(element, clasess) {
    clasess.forEach(c => {
        element.classList.add(c);
    });
}