diff --git a/AJAX-Activitylab.code-workspace b/AJAX-Activitylab.code-workspace new file mode 100644 index 0000000..362d7c2 --- /dev/null +++ b/AJAX-Activitylab.code-workspace @@ -0,0 +1,7 @@ +{ + "folders": [ + { + "path": "." + } + ] +} \ No newline at end of file diff --git a/aA.html b/aA.html new file mode 100644 index 0000000..26da296 --- /dev/null +++ b/aA.html @@ -0,0 +1,19 @@ + + + + + + + + Dog.API + + + + + + + + + + + diff --git a/aA.js b/aA.js new file mode 100644 index 0000000..48933e4 --- /dev/null +++ b/aA.js @@ -0,0 +1,16 @@ +function dogApi () { + +let dog = new XMLHttpRequest(); +dog.onreadystatechange = function () { + if(this.readyState === 4 && this.status === 200) { + let doggy = JSON.parse(this.response); + console.log(doggy.message); + document.getElementById('dogPic1').src= doggy.message[0]; + document.getElementById('dogPic2').src= doggy.message[1]; + document.getElementById('dogPic3').src= doggy.message[2]; + } + +}; +dog.open('GET', 'https://dog.ceo/api/breeds/image/random/3', true); +dog.send(); +} \ No newline at end of file