diff --git a/index.html b/index.html new file mode 100644 index 0000000..d7c23f5 --- /dev/null +++ b/index.html @@ -0,0 +1,25 @@ + + + + + + Ajax Dog + + + + random dog + random dog1 + random dog2 + +
+ + + + + + + + + + + \ No newline at end of file diff --git a/main.js b/main.js new file mode 100644 index 0000000..e5d68cd --- /dev/null +++ b/main.js @@ -0,0 +1,27 @@ +let xhr = new XMLHttpRequest(); +xhr.onreadystatechange = function() { + if (this.readyState === 4 && this.status === 200) { + let data = JSON.parse(this.responseText); + document.getElementById('dogimg').src = data.message[0]; + document.getElementById('dogimg1').src = data.message[1]; + document.getElementById('dogimg2').src = data.message[2]; + console.log(data.message); + } + +}; + function sendAJAX() { + xhr.open('GET', `https://dog.ceo/api/breeds/image/random/3`); + xhr.send(); + } + // let dogImg = new Image(); + // dogImg.src = "https://images.dog.ceo/breeds/husky/n02110185_11396.jpg"; + +// } + + +//xhr.open('GET', `https://dog.ceo/api/breeds/image/random`); + + +//xhr.send(); +//document.getElementById('load').style.display = "none"; +