Estoy aprendiendo Api mi casi primera cosa. Hay un botón de búsqueda que deja de funcionar en el móvil. No puedo encontrar una razón / ¿podrías echar un vistazo?
https://codepen.io/DeanWinchester88/pen/ExvxdxX
function showPokemonSearchResult(){ let enteredPokemonName = document.getElementById("pokemonNameByUser").value; targetPokemon = `https://pokeapi.co/api/v2/pokemon/${enteredPokemonName}` console.log("target pokemon",targetPokemon) fetch(targetPokemon) .then(res => { if(res){ console.log("Success"); // console.log("res.json",res.json()); return res.json() }else { console.log("Failure"); } }) .then(data =>{ let gotDivForPokemonSearchResult = document.getElementById("divForPokemonSearchResult"); gotDivForPokemonSearchResult.innerHTML = ` <h2> ${data.name}</h2><br> <img src=${data.sprites["front_default"]}></img> <img src=${data.sprites["back_default"]}></img> <p class="text2">Weight: ${data.weight}</p> <p class="text2">Heigth: ${data.height}</p> <p class="text2">Base experience: ${data["base_experience"]}</p> ` console.log(data.id) }) }Como puedo ver, pokeapi.co/api/v2/pokemon/ mayúsculas y minúsculas y desde el móvil el teclado suele poner la primera letra en mayúscula.
Por ejemplo, si el teclado de tu móvil corrige venusaur con Venusaur la búsqueda fallará.
Podría considerar agregar un .toLowerCase() cuando lea la entrada para evitar este problema.
let enteredPokemonName = document.getElementById("pokemonNameByUser").value.toLowerCase();