Javascript-获取练习（Github用户）

我正在尝试创建一个表，其中包含Github用户的用户名给出的JSON调用

我可以用一行代码（显示用户名、头像和个人简历），但我很难用多行代码。我一个人试了一会儿。我认为我非常接近解决方案，但仍然无法用元素填充每一行。任何人都可以帮助输入（请检查Javascript）？非常感谢

代码：

//步骤1
var用户=[]；
对于（变量i=0；i<2；i++）{
push（提示（“输入您的Github用户名”）；
}
for（用户的var用户）{
取回(`https://api.github.com/users/${user}`）。然后（（响应）=>{
返回response.json（）；
}).然后（（responseJson）=>{
console.log（responseJson）；
injectInfo（responseJson）；
});
}
//步骤2
函数injectInfo（responseJson）{
//我是如何尝试填充其他行的
var table=document.getElementById（'myTable'）；
var行=table.insertRow（2）；
对于（var c=0；c<3；c++）{
var单元=行插入单元（c）；
};
//如何填充一行
document.querySelector（'.username\uu cell'）。innerHTML=responseJson.login；
document.querySelector（'.avatar\u cell'）。innerHTML=responseJson.avatar\u url；
document.querySelector（'.bio__单元格'）。innerHTML=responseJson.bio；
var avatar=document.createElement（'img'）；
var src=document.querySelector（'.avatar__单元格'）；
avatar.src=responseJson.avatar\u url；
src.appendChild（化身）；
}

取来
用户名
阿凡达
生物

您不是在插入的行中填充数据，而是在修改同一行并每次重写内容

//步骤1
让用户=[]；
for（设i=0；i<2；i++）{
push（提示（“输入您的Github用户名”）；
}
for（让用户对用户）{
取回(`https://api.github.com/users/${user}`）。然后（响应=>{
返回response.json（）；
}).然后（responseJson=>{
injectInfo（responseJson）；
});
}
//步骤2
函数injectInfo（responseJson）{
let table=document.getElementById（'myTable'），
行=表。插入行（1），
cell0=行插入单元格（0），
单元1=行插入单元（1），
cell2=行插入单元格（2），
cell3=行插入单元格（3）；
cell0.innerHTML=responseJson.login；
cell1.innerHTML=responseJson.avatar\u url；
cell2.innerHTML=responseJson.bio；
让avatar=document.createElement（'img'）；
avatar.src=responseJson.avatar\u url；
第3单元：儿童（化身）；
}

#myTable tr>td>img{
宽度：50px；
高度：自动；
}

用户名
阿凡达
生物

您不是在插入的行中填充数据，而是在修改同一行并每次重写内容

//步骤1
让用户=[]；
for（设i=0；i<2；i++）{
push（提示（“输入您的Github用户名”）；
}
for（让用户对用户）{
取回(`https://api.github.com/users/${user}`）。然后（响应=>{
返回response.json（）；
}).然后（responseJson=>{
injectInfo（responseJson）；
});
}
//步骤2
函数injectInfo（responseJson）{
let table=document.getElementById（'myTable'），
行=表。插入行（1），
cell0=行插入单元格（0），
单元1=行插入单元（1），
cell2=行插入单元格（2），
cell3=行插入单元格（3）；
cell0.innerHTML=responseJson.login；
cell1.innerHTML=responseJson.avatar\u url；
cell2.innerHTML=responseJson.bio；
让avatar=document.createElement（'img'）；
avatar.src=responseJson.avatar\u url；
第3单元：儿童（化身）；
}

#myTable tr>td>img{
宽度：50px；
高度：自动；
}

用户名
阿凡达
生物

我注意到了这个错误。谢谢：）我注意到了这个错误。谢谢：）