Quiero que los usuarios busquen el personaje que quieran ubicándolo por el ID, pero el problema está a la hora de seleccionar múltiples ID.
Sólo me renderiza con los parámetros /characters/1/ que es el exclusivo de "Single character".
const button = document.querySelector('.button');
const breakingbadContainer = document.querySelector('.image-container');
button.addEventListener('click', (e) => {
e.preventDefault;
getData(input.value)
console.log(getData)
})
function getData () {
fetch('https://rickandmortyapi.com/api/character/1/')
.then((response) => response.json())
.then((data) => {
createCharacter(data)
})
}
function createCharacter (character) {
const img = document.createElement('img')
img.src = character.image
const h3 = document.createElement('h3')
h3.textContent = character.name
const div = document.createElement('div')
div.appendChild(img)
div.appendChild(h3)
breakingbadContainer.appendChild(div)
}
getData();
Ese es el código javascript que tengo y el problema está en la petición debido a que me marca 400 de una vez.
/character/[1,2,3]
rickandmortyapi.com/documentation