{"size": 1233, "ext": "js", "max_stars_repo_path": "js/skills.js", "max_stars_repo_name": "mdasantana/fwd-atividade", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "js/skills.js", "max_issues_repo_name": "mdasantana/fwd-atividade", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "js/skills.js", "max_forks_repo_name": "mdasantana/fwd-atividade", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 30.0731707317, "max_line_length": 68, "alphanum_fraction": 0.7242497972}
function selector(ev){
    return document.querySelector(ev);
};
function selectorAll(ev){
    return document.querySelectorAll(ev);
}

const btnHardSkills = selector('#btn-hard-skill');
const btnSoftSkills = selector('#btn-soft-skill');
const divHardSkill = selector('#hard-skills');
const divSoftSkill = selector('#soft-skills');

function mostrar(objeto, botaoPrincipal){

    objeto.classList.remove('ocultar-skills');
    //ficar com bg-color amarela
    botaoPrincipal.style.backgroundColor='rgba(245, 188, 0, .8)';
    botaoPrincipal.style.border='2px solid rgba(255, 255, 255, .8)';
    botaoPrincipal.style.color='rgba(255, 255, 255, .8)';

}

function ocultar(objeto, botaoSecundario){

    objeto.classList.add('ocultar-skills');
    //tirar o bg-color
    botaoSecundario.style.backgroundColor='transparent';
    botaoSecundario.style.color='rgba(245, 188, 0, .8)';
    botaoSecundario.style.border='2px solid rgba(245, 188, 0, .8)';

}

btnHardSkills.addEventListener('click', function(ev){
    mostrar(divHardSkill, btnHardSkills);
    ocultar(divSoftSkill, btnSoftSkills)
});

btnSoftSkills.addEventListener('click', function(ev){
    mostrar(divSoftSkill, btnSoftSkills);
    ocultar(divHardSkill, btnHardSkills);
});