From f8d21a321c9a9befeb160076b68ba0c9b78ebad8 Mon Sep 17 00:00:00 2001 From: Kri'Shawn Brown Date: Tue, 26 Jan 2021 09:41:19 -0500 Subject: [PATCH 1/3] AJAX --- ajax.js | 16 ++++++++++++++++ index.html | 19 +++++++++++++++++++ 2 files changed, 35 insertions(+) create mode 100644 ajax.js create mode 100644 index.html diff --git a/ajax.js b/ajax.js new file mode 100644 index 0000000..19c0c88 --- /dev/null +++ b/ajax.js @@ -0,0 +1,16 @@ +let request = new XMLHttpRequest(); +request.onreadystatechange = function() { + if (request.readyState === 4 && request.status === 200) { + document.getElementById('btn').innerHTML = request.responseText; + } + +} + + +function myFunction() { + document.getElementById('btn').addEventListener("click", myFunction()); + +} + +request.open('GET', 'https://dog.ceo/api/breeds/image/random'); +request.send(); \ No newline at end of file diff --git a/index.html b/index.html new file mode 100644 index 0000000..9b25d96 --- /dev/null +++ b/index.html @@ -0,0 +1,19 @@ + + + + + + + + + + + + + + + + + + + \ No newline at end of file From f6b24308d1a7f0641342e1a6dc26b87133cc1217 Mon Sep 17 00:00:00 2001 From: Kri'Shawn Brown Date: Thu, 28 Jan 2021 19:35:36 -0500 Subject: [PATCH 2/3] ajax --- ajax.js | 24 ++++++++++++++++-------- index.html | 7 +++++-- 2 files changed, 21 insertions(+), 10 deletions(-) diff --git a/ajax.js b/ajax.js index 19c0c88..3ff1da9 100644 --- a/ajax.js +++ b/ajax.js @@ -1,16 +1,24 @@ -let request = new XMLHttpRequest(); -request.onreadystatechange = function() { - if (request.readyState === 4 && request.status === 200) { - document.getElementById('btn').innerHTML = request.responseText; +function dog() { + var xhr = new XMLHttpRequest(); + + xhr.onreadystatechange = function() { + if (xhr.readyState === 4) { + var data = JSON.parse(xhr.responseText); + document.getElementById("dogs").src = data.message; + document.getElementById("dogs").alt = 'Random dog pics'; + console.log(xhr.responseText); + + } } + xhr.open('GET', 'https://dog.ceo/api/breeds/image/random'); + xhr.send(); } - function myFunction() { document.getElementById('btn').addEventListener("click", myFunction()); - } -request.open('GET', 'https://dog.ceo/api/breeds/image/random'); -request.send(); \ No newline at end of file +function myFunction() { + document.getElementById("dogs").src = "hackanm.gif"; +} \ No newline at end of file diff --git a/index.html b/index.html index 9b25d96..0bb64e9 100644 --- a/index.html +++ b/index.html @@ -11,9 +11,12 @@ - + + - + + + \ No newline at end of file From df02679cc172ceefdb9eff9a7f64dc03e258f8d6 Mon Sep 17 00:00:00 2001 From: Kri'Shawn Brown Date: Thu, 28 Jan 2021 22:00:23 -0500 Subject: [PATCH 3/3] ajax edits --- ajax.js | 23 +++++++++++++---------- index.html | 8 +++++++- 2 files changed, 20 insertions(+), 11 deletions(-) diff --git a/ajax.js b/ajax.js index 3ff1da9..5e34887 100644 --- a/ajax.js +++ b/ajax.js @@ -3,22 +3,25 @@ function dog() { xhr.onreadystatechange = function() { if (xhr.readyState === 4) { - var data = JSON.parse(xhr.responseText); - document.getElementById("dogs").src = data.message; - document.getElementById("dogs").alt = 'Random dog pics'; + let image = JSON.parse(xhr.responseText); console.log(xhr.responseText); + document.getElementById("dogs1").src = image.message[0]; + document.getElementById("dogs2").src = image.message[1]; + document.getElementById("dogs3").src = image.message[2]; } } - xhr.open('GET', 'https://dog.ceo/api/breeds/image/random'); + xhr.open('GET', 'https://dog.ceo/api/breeds/image/random/3'); xhr.send(); } -function myFunction() { - document.getElementById('btn').addEventListener("click", myFunction()); -} +//function myFunction() { +//document.getElementById('btn').addEventListener("click", myFunction()); +//} -function myFunction() { - document.getElementById("dogs").src = "hackanm.gif"; -} \ No newline at end of file +//function myFunction() { +//document.getElementById("dogs").src = "hackanm.gif"; +//} +//document.getElementById("dogs").src = data.message; +//document.getElementById("dogs").alt = 'Random dog pics'; \ No newline at end of file diff --git a/index.html b/index.html index 0bb64e9..608ea02 100644 --- a/index.html +++ b/index.html @@ -12,7 +12,13 @@ - +
+ + + + + +