javaScript.js

const BASE_URL = "https://rickandmortyapi.com/api/character";

const getResult = async () => {
  try {
    const response = await fetch(BASE_URL);
    const data = await response.json();
    renderResult(data.results);
  } catch (error) {
    return error;
  }
};
getResult();

const renderResult = (array = []) => {
  const container = document.createElement("div");
  container.className = "container";
  document.body.appendChild(container);

  array.map((fortune) => {
    const card = document.createElement("div");
    card.className = "card";

    const img = document.createElement("img");
    img.src = fortune.image;
    img.alt = fortune.name;

    const name = document.createElement("h3");
    name.textContent = fortune.name;

    const status = fortune.status;
    if (status === "Alive") {
      card.style.border = "3px solid green";
    }
    if (status === "Dead") {
      card.style.border = "3px solid red";
    }
    if (status === "unknown") {
      card.style.border = "3px solid black";
    }

    card.appendChild(img);
    card.appendChild(name);

    container.appendChild(card);
  });
};