AJAX JSON FETCH

ajax-fetch-json.js

const DOG_URL = "https://dog.ceo/api/breeds/image/random";

// console.log(DOG_URL);

// const promise = fetch(DOG_URL);
const doggos = document.querySelector(".doggos");

// console.log(promise);

function addNewDoggo() {
  const promise = fetch(DOG_URL);
  promise
  .then(function(response) {
    const processingPromise = response.json();
    // console.log(processingPromise);
    return processingPromise;
  })
  .then(function(processedResponse) {
    // console.log(processedResponse.status);
    console.log(processedResponse);
    const img = document.createElement("img");
    img.src = processedResponse.message;
    img.alt = "Cute doggo";
    doggos.appendChild(img);
  });
}

document.querySelector(".add-doggo").addEventListener("click", addNewDoggo);
// console.log("this will log first");