我正在學習 Api，這是我的第一件事。有一個在移動設備上停止作業的搜索按鈕。找不到原因/你可以看看嗎？
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 >Weight: ${data.weight}</p>
<p >Heigth: ${data.height}</p>
<p >Base experience: ${data["base_experience"]}</p>
`
console.log(data.id)
})
}
uj5u.com熱心網友回復：
正如我所看到的，pokeapi.co/api/v2/pokemon/是區分大小寫的，并且在移動設備上，鍵盤通常將第一個字母大寫。
例如，如果您的移動鍵盤使用 Venusaur 更正 venusaur，則搜索將失敗。
您可以考慮.toLowerCase()在閱讀輸入時添加 a以完全避免此問題。
let enteredPokemonName = document.getElementById("pokemonNameByUser").value.toLowerCase();
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/323679.html
標籤：javascript 接口 移动的