在javascript中创建表行和单元格

关于这一点，我不知道如何在它所属的部分中输入该表。如你所见，它将我一个接一个地打印出来，我想在创建的“tr”和这么多的“td”中创建输入字段中有多少字段。使用这段代码，他创建了“tr”，其中只有一个“td”，因此对于两个输入字段，我想为每次单击创建一个“tr”，其中两个字段分别放在“td”中

我的桌子：

const form=document.querySelector（'form'）；
const table=document.querySelector（'tbody'）；
const button=document.querySelector（“#清除按钮”）；
const inputName=document.getElementById（'name'）；
const inputAge=document.getElementById（'age'）；
//如果..如果..如果..如果..如果
让itemsArray=localStorage.getItem（'items'）？parse（localStorage.getItem（'items'））：[]；
setItem（'items'，JSON.stringify（itemsArray））；
const data=JSON.parse（localStorage.getItem（'items'）；
const thMaker=（文本）=>{
const tr=document.createElement（'tr'）；
const td=document.createElement（'td'）；
td.innerHTML=文本；
表3.追加（tr）；
tr.appendChild（td）；
//var行=table.insertRow（-1）；
//var cell1=行插入单元格（0）；
//var cell2=行插入单元格（1）；
//cell1.innerHTML=文本；
//cell2.innerHTML=文本；
}
表.addEventListener（'submit'，函数（e）{
e、 预防默认值（）；
itemsArray.push（inputName.value）；
itemsArray.push（inputAge.value）；
setItem（'items'，JSON.stringify（itemsArray））；
thMaker（inputName.value，inputAge.value）；
inputName.value=“”；
inputAge.value=“”；
});
data.forEach（项=>{
制造商（项目）；
});

一串
数
名称
年龄
您必须保存对象数组而不是简单数组。

像这样：

让itemsArray=[{name:“Pippo”，age:“12”}，{“name:“Pluto”，“age:“20”}]




我从解决方案中删除了localStorage以处理代码段。


const form=document.querySelector（'form'）；
const table=document.querySelector（'tbody'）；
const button=document.querySelector（“#清除按钮”）；
const inputName=document.getElementById（'name'）；
const inputAge=document.getElementById（'age'）；
//如果..如果..如果..如果..如果
让itemsArray=[{name:“Pippo”，age:“12”}，{“name:“Pluto”，“age:“20”}]；
const data=itemsArray；
const thMaker=（项目）=>{
const tr=document.createElement（'tr'）；
表3.追加（tr）；
const td1=document.createElement（'td'）；
td1.innerHTML=item.name；
tr.appendChild（td1）；
const td2=document.createElement（'td'）；
td2.innerHTML=item.age；
tr.appendChild（td2）；
}
表.addEventListener（'submit'，函数（e）{
e、 预防默认值（）；
var newItem={name:inputName.value，age:inputAge.value}；
itemsArray.push（newItem）；
thMaker（新项目）；
inputName.value=“”；
inputAge.value=“”；
});
data.forEach（项=>{
制造商（项目）；
});

一串
数
名称
年龄
您必须保存对象数组而不是简单数组。

像这样：

让itemsArray=[{name:“Pippo”，age:“12”}，{“name:“Pluto”，“age:“20”}]




我从解决方案中删除了localStorage以处理代码段。


const form=document.querySelector（'form'）；
const table=document.querySelector（'tbody'）；
const button=document.querySelector（“#清除按钮”）；
const inputName=document.getElementById（'name'）；
const inputAge=document.getElementById（'age'）；
//如果..如果..如果..如果..如果
让itemsArray=[{name:“Pippo”，age:“12”}，{“name:“Pluto”，“age:“20”}]；
const data=itemsArray；
const thMaker=（项目）=>{
const tr=document.createElement（'tr'）；
表3.追加（tr）；
const td1=document.createElement（'td'）；
td1.innerHTML=item.name；
tr.appendChild（td1）；
const td2=document.createElement（'td'）；
td2.innerHTML=item.age；
tr.appendChild（td2）；
}
表.addEventListener（'submit'，函数（e）{
e、 预防默认值（）；
var newItem={name:inputName.value，age:inputAge.value}；
itemsArray.push（newItem）；
thMaker（新项目）；
inputName.value=“”；
inputAge.value=“”；
});
data.forEach（项=>{
制造商（项目）；
});

一串
数
名称
年龄
从外观上看，
thMaker
创建了一个
td
元素。
此外，您发布的函数定义只接受一个参数

解决方案是让
thMaker
函数创建两个
td
元素，并使用两个参数

建议：将“thMaker”重命名为“trMaker”，因为它不是创建“表标题”，而是创建“表行”-
tr
元素

下面是一个示例解决方案：

const trMaker = (name, age) => {
            const tr = document.createElement('tr');
            tr.innerHTML = `<td>${name}</td><td>${age}</td>`;
            table.append(tr);            
    }

const trMaker=（姓名、年龄）=>{
const tr=document.createElement（'tr'）；
tr.innerHTML=`${name}${age}`；
表3.追加（tr）；
}
从外观上看，
thMaker
创建了一个
td
元素。
此外，您发布的函数定义只接受一个参数

解决方案是让
thMaker
函数创建两个
td
元素，并使用两个参数

建议：将“thMaker”重命名为“trMaker”，因为它不是创建“表标题”，而是创建“表行”-
tr
元素

下面是一个示例解决方案：

const trMaker = (name, age) => {
            const tr = document.createElement('tr');
            tr.innerHTML = `<td>${name}</td><td>${age}</td>`;
            table.append(tr);            
    }

const trMaker=（姓名、年龄）=>{
常数