Javascript 在html中显示api控制台日志

函数刷新数据（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（“更改”，刷新数据）

动物饲养者
如果只想将响应打印为字符串，可以使用
JSON.stringify（）
和
innerText
执行以下操作：


const pre=document.querySelector（“pre”）；
函数刷新数据（e）{
const nameofame=e.target.value；
常量url=`https://nyaaapi.herokuapp.com/nyaa/anime?query=${nameofame}`；
获取（url）
.then（res=>res.json（））
.then（res=>pre.innerText=JSON.stringify（res））；
}
常量输入=document.getElementById（“输入”）；
input.addEventListener（“更改”，刷新数据）
您可以将数据格式化为表格：


var currentQuery=“”；
var inputElement=document.getElementsByClassName（“动画输入”）[0]；
inputElement.addEventListener（“输入”，刷新数据）；
inputElement.dispatchEvent（新事件（“输入”））
函数刷新数据（e）{
//处理抓取延迟
currentQuery=inputElement.value；
var thisQuery=inputElement.value；
//隐藏表格，显示加载
document.getElementsByClassName（“显示隐藏”）[0].style.display=“块”
document.getElementsByClassName（“显示隐藏”）[1].style.display=“无”
var query=（e.target.value=“”）？query=e.target.placeholder:e.target.value；
取回（“https://nyaaapi.herokuapp.com/nyaa/anime?query=“+查询）
.then（res=>res.json（））
。然后（数据=>{
//处理抓取延迟
if（thisQuery！=currentQuery）{
返回；
}
//初始化列数据变量
var titles=[]，
大小=[]，
torrents=[]，
dataSize=data.data.length；
//将数据排列到适当的数组中
data.data.forEach（数据点=>{
titles.push（dataPoint.title）；
推送（数据点大小）；
torrents.push（dataPoint.torrent）
});
//清理桌子
document.getElementsByClassName（“动画数据”）[0]。innerHTML=“”；
//把数据放在表格里
[…数组（数据大小）].forEach（（el，索引）=>{
行=document.createElement（“tr”）
var title=document.createElement（“td”）
title.innerText=标题[索引]
行。追加子项（标题）
var size=document.createElement（“td”）
size.innerText=大小[索引]
行。追加子项（大小）
var downloadLink=document.createElement（“td”）
downloadLink.innerText=torrents[索引]
行.appendChild（下载链接）
document.getElementsByClassName（“动画数据”）[0]。appendChild（行）
})
//隐藏加载，显示表格
document.getElementsByClassName（“显示隐藏”）[0]。style.display=“无”
document.getElementsByClassName（“显示隐藏”）[1].style.display=“块”
})
}
html，
身体{
保证金：0；
填充：4px；
宽度：100%；
身高：100%；
}
桌子{
宽度：100%；
边框：1px纯黑；
文本对齐：居中；
}
th，
运输署{
边框：1px黑色实心；
}

输入动画的名称：



加载。。。
标题
大小
洪流下载
您必须格式化JSON，以使其对用户可读。对不起，我不太明白？我应该使用stringify吗？因为我尝试过，但我不知道如何在不打开开发工具的情况下向用户显示日志。我刚刚发布了一个带有演示的答案，演示了我的意思。请查看，如果您需要任何澄清，请告诉我！另外，如果你的答案符合你的期望，你能考虑把我的答案标记为正确吗？对不起，我已经很晚了，但是我有一些工作……我会检查你的答案是……………………还是使用它的错误？因为vscode说它是意外的…删除它后，控制台显示CORS错误，并且有一个加载标志没有消失（可能是因为CORS错误，谢谢你花时间来帮助我！！它80%来自API方面没有问题！如果你需要任何代码的澄清，请告诉我。另外，在我的浏览器/计算机
Array（）中）.forEach
不起作用，但很明显，如果我将其扩展到方括号中，它就起作用了。老实说，我不知道为什么它不起作用，而且互联网在这个问题上也没有太大帮助。这是api的问题，谢谢你的帮助！！嘿！api重新联机了，但代码仍然显示CORS错误？我在neces中添加了一个萨里头球，但它仍然不工作