javascript-rocketseat/Exercise_Module_4.js at master · anabrtorres/javascript-rocketseat · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
// EXERCISE #1
var checaIdade = function(idade) {
    return new Promise(function(resolve, reject) {
        if (idade >= 18) {
            resolve(checaIdade);
        }else if (idade < 18) {
            reject(checaIdade);
        }
    });
}

checaIdade(20)
    .then(function() {
        console.log("Maior que 18");
    })
    .catch(function() {
        console.log("Menor que 18");
    });


// EXERCISE #2
var inputElement = document.querySelector('#app input');
var listElement = document.querySelector('#app ul');

function renderRepos(repos) {
    for(rep of repos) {
        const repoElement = document.createElement('li');
        const repoText = document.createTextNode(rep.name);

        repoElement.appendChild(repoText);
        listElement.appendChild(repoElement);
    }
}

function listRepos() {
    var user = inputElement.value;
    if(!user) return;

    axios
        .get('https://api.github.com/users/' + user + '/repos')
        .then(function(response) {
           renderRepos(response.data);
        });
}


// EXERCISE #3
var inputElement = document.querySelector('#app input');
var listElement = document.querySelector('#app ul');

function renderRepos(repos) {
    listElement.innerHTML = "";
    for(rep of repos) {
        const repoElement = document.createElement('li');
        const repoText = document.createTextNode(rep.name);

        repoElement.appendChild(repoText);
        listElement.appendChild(repoElement);
    }
}

function renderLoad() {
    listElement.innerHTML = "";
    var textElement = document.createTextNode('Carregando...');
    var loadElement = document.createElement('li');

    loadElement.appendChild(textElement);
    listElement.appendChild(loadElement);
}

  function renderErro() {
    listElement.innerHTML = "";
    var textElement = document.createTextNode('error 404');
    var loadElement = document.createElement('p');

    loadElement.appendChild(textElement);
    listElement.appendChild(loadElement);
}

function listRepos() {
    var user = inputElement.value;
    if(!user) return;
    renderLoad();

    axios
        .get('https://api.github.com/users/' + user + '/repos')
        .then(function(response) {
           renderRepos(response.data);
        })
        .catch(function() {
            renderErro();
        });
}