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
+
+
+
+
+
+
+
+
+
+
+
+
+
\ 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