diff --git a/index.html b/index.html new file mode 100644 index 0000000..dbb7bf8 --- /dev/null +++ b/index.html @@ -0,0 +1,19 @@ + + + + + + AJAX DOG + + + random dogs + random dogs + random dogs +
+ + + + + + + \ No newline at end of file diff --git a/main.js b/main.js new file mode 100644 index 0000000..b6c51cd --- /dev/null +++ b/main.js @@ -0,0 +1,20 @@ +let xhr = new XMLHttpRequest(); +xhr.onreadystatechange = function () { + if (this.readyState === 4 && this.status === 200) { + let data = JSON.parse(this.responseText); + document.getElementById('dog image').src = data.message[0]; + document.getElementById('dog image1').src = data.message[1]; + document.getElementById('dog image2').src = data.message[2]; + console.log(data.message); + } +}; + +function sendAJAX() { + xhr.open ('GET', `https://dog.ceo/api/breeds/image/random/3`); + xhr.send(); + +} +xhr.open ('GET', `https://dog.ceo/api/breeds/image/random`); + +xhr.send(); +//document.getElementById('load').style.display = "none"; diff --git a/style.css b/style.css new file mode 100644 index 0000000..e69de29