-
Notifications
You must be signed in to change notification settings - Fork 0
/
script.js
44 lines (36 loc) · 964 Bytes
/
script.js
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
var dropDown = $('#dog_breed');
var img = $('#dog_img');
var breed;
var allow = true;
$.get('https://dog.ceo/api/breeds/list/all', function(data){
let dogBreed = data.message;
for(let breed in dogBreed){
dropDown.append('<option value="' + breed + '">' + breed + '</option>');
}
});
dropDown.change(function(){
allow = true;
});
function displayBreed(breed){
let url = 'https://dog.ceo/api/breed/' + breed + '/images/random';
$('#dog_img img').remove();
$.get(url,function(data){
let imgURL = data.message;
// img.append('<img src="' + imgURL + '" alt="' + breed + '">')
img.attr('src',imgURL);
});
}
$('#get_btn').click(function(e){
e.preventDefault();
if(allow){
breed = dropDown.val();
displayBreed(breed);
allow = false;
}
});
$('#next_btn').click(function(e){
e.preventDefault();
if(breed !== undefined){
displayBreed(breed);
}
});