JavaScript

async function fetchJSON() {
  try {
    const response = await fetch("https://jsonplaceholder.typicode.com/posts/1");
    if (!response.ok) {
        console.error("Network response was not ok");
    }
    const data = await response.json();
    console.log("JSON Response:", data);
  } catch (error) {
    console.error("Error fetching JSON:", error);
  }
}
fetchJSON();

async function fetchXML() {
  try {
    const response = await fetch("/api/petslover?page=1");
    const data = await response.text();
    console.log("XML Response:", data);
  } catch (error) {
    console.error("Error fetching XML:", error);
  }
}
fetchXML();

async function fetchPlainText() {
  try {
    const response = await fetch("https://baconipsum.com/api/?type=meat-and-filler&format=text");
    if (!response.ok) {
        console.error("Network response was not ok");
    }
    const data = await response.text();
    console.log("Plain Text Response:", data);
  } catch (error) {
    console.error("Error fetching plain text:", error);
  }
}
fetchPlainText();

async function fetchHTML() {
  try {
    const response = await fetch("https://httpbin.org/html");
    if (!response.ok) {
        console.error("Network response was not ok");
    }
    const data = await response.text();
    console.log("HTML Response:", data);
    document.body.innerHTML = data; // Render HTML on the page
  } catch (error) {
    console.error("Error fetching HTML:", error);
  }
}
fetchHTML();

async function fetchCatImage() {
  try {
    const response = await fetch("https://api.thecatapi.com/v1/images/search");
    if (!response.ok) {
      console.error("Network response was not ok");
      return;
    }
    const data = await response.json();
    const imgUrl = data[0].url;

    const container = document.querySelector(".container");
    const img = document.createElement("img");
    img.src = imgUrl;
    container.appendChild(img);
    console.log("Binary Data: Cat Image Loaded");
  } catch (error) {
    console.error("Error fetching binary data:", error);
  }
}
fetchCatImage();