Javascript 有没有一种方法可以使用用户输入来搜索api

好的，所以我用它来获取信息

去拿你用过的动漫

我想把动漫的名字作为用户输入

我对API和json比较陌生，我总是使用随机端点。我写了一些js，但一点也不正确

constuserinput=document.querySelector（“#userInput”）.value；
取回（“https://nyaaapi.herokuapp.com/nyaa/anime?query=${userInput}”）
.then（（response）=>response.json（））
。然后（（quote）=>console.log（quote））

动漫

动漫：


提交

我以前也做过类似的工作。这可以给你一个开始


window.onload=function（）{
常量输入=document.getElementById（“输入”）；
const getName=document.getElementById（“getName”）；
getName.addEventListener（“提交”，e=>{
//阻止表单提交
e、 预防默认值（）；
//获取城市名称并将其存储在本地存储器中
var inputVal=getName.value；
var api_url=“{apirl}”+inputVal；
//获取数据集
函数refreshData（）{
获取（api_url）。然后（响应=>{
response.json（）.then（json=>{
让dataset=json；
让输出=formatResponse（数据集）；
})
//捕获错误-例如，用户没有输入有效的名称
.catch（错误=>console.log（“不正常”）；//有待改进
})
};
});
};

搜寻
你可以用这种方法试试
使用
document.querySelector（）访问DOM元素值

现在使用
fetch（）
函数发出api请求

fetch((`https://nyaaapi.herokuapp.com/nyaa/anime?query=${userInput}`).then((data)=>{
       console.log(data);
})

您可以这样做，当提交输入时，它会将api调用的结果记录到控制台：

您需要在html中输入：



在你的js中：

函数刷新数据（e）{
const nameofame=e.target.value；
常量url=`https://nyaaapi.herokuapp.com/nyaa/anime?query=${nameofame}`；
获取（url）
.然后（（res）=>res.json（））
.然后（console.log）；
}
常量输入=document.getElementById（“输入”）；
input.addEventListener（“更改”，刷新数据）；
是的，当然有。请分享您的尝试，以便其他人可以看到您的问题我已经添加了我的代码！请分享更多细节。什么东西不适用于给定的代码？您尝试过什么使其工作？您没有调用安装程序。weatherAsk和Animaeskwell不一样目前我希望搜索输入，api的响应是搜索网站时的结果。谢谢你的帮助！
fetch((`https://nyaaapi.herokuapp.com/nyaa/anime?query=${userInput}`).then((data)=>{
       console.log(data);
})