-
Notifications
You must be signed in to change notification settings - Fork 0
/
script.js
45 lines (35 loc) · 1014 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
45
var breedImage = $("#breed-image");
var dropdown = $("#dog-breeds");
var allowSubmit = true;
var breed;
$.get("https://dog.ceo/api/breeds/list/all", function (data, status) {
let dogBreeds = data.message;
for (let breed in dogBreeds) {
dropdown.append('<option value="' + breed + '">' + breed + '</option>');
}
});
dropdown.change(function () {
allowSubmit = true;
});
$("form button").click(function (e) {
e.preventDefault();
if (allowSubmit) {
breed = dropdown.val();
displayDog(breed);
allowSubmit = false;
}
});
$("#next a").click(function (e) {
e.preventDefault();
if (breed !== undefined) {
displayDog(breed);
}
});
function displayDog(breed) {
let url = "https://dog.ceo/api/breed/" + breed + "/images/random";
$("#breed-image img").remove();
$.get(url, function (data, status) {
let imageUrl = data.message;
breedImage.append('<img src="' + imageUrl + '" alt="' + breed + '">');
});
}