0
const fetchCharacter = (quantity) => {
  fetch(`http://thesimpsonsquoteapi.glitch.me/quotes?count=${quantity}`)
    .then((response) => response.json())
    .then((data) => {
      console.log(data);
      createCharacterCards(data);
    })
}

fetchCharacter(10);

const createCharacterCards = (data) => {
  let cards = "";
  const grid = document.querySelector(".grid");

  data.forEach((item) => {
    cards += `
      <div class="section_personajed">
        <div class="section_tarjeta">
          <img src="${item.image}">
          <div class="info_section">
          <h4 class="section_nombre">${item.character}</h4>
          <small>${item.character} Dice: </small>
          <p>${item.quote}</p>

        </div>
        
        </div>
  
    `;
  });

  grid.innerHTML = cards;
};

necesito buscar algo en espesifinco con un imput dentro de la api para un ejercicio de mi curso pero no entiendo como tengo el impurt y con ese input puedo filtrar lo que biene de api o consultar segun el dato que se ingrese

2
  • 1
    Cual input? necesitas filtrar exactamente que? Especifica mejor tu pregunta y agrega todo el código relacionado a ella
    – Pipe
    el 14 sep. a las 18:05
  • Ammmm aqui en tu ejemplo que diste el 10 es un ejemplo como si hubieras puesto 10 en el input?
    – Noé
    el 16 sep. a las 5:09

0

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Examina otras preguntas con la etiqueta o formula tu propia pregunta.