Javascript 如何在提交后使表单值显示在表中？

我有一个问题，我的表格输入没有出现在我的表格标题后提交。即使在我已经检查了代码很多次之后。我的代码可能有什么问题

或者您对如何正确、轻松地编写代码有什么建议，请帮助

当我输入值并提交时，表仍然保持不变，没有任何更改

var form=document.getElementById（“表单”）；
var table=document.getElementById（“表格”）；
//将事件侦听器添加到窗体
表格。附录列表（“提交”，附录）；
函数附加项（e）{
e、 预防默认值（）；
//获取客户名称输入值
var customerName=document.getElementById（“customerName”）.value；
//获取购买的物品输入值
var itempowered=document.getElementById（“itempowered”）.value；
//获取数量输入值
var数量=document.getElementById（“数量”）.value；
//获取日期输入值
var date=document.getElementById（“日期”）.value；
//创建行
var行=table.insertRow（2）；
//创建行单元格
var customerCell=row.insertCell（0）；
customerCell.innerHTML=客户名称；
var ItemCell=row.insertCell（1）；
ItemCell.innerHTML=itemPurchased；
var quantityCell=行插入单元格（2）；
quantityCell.innerHTML=数量；
var dateCell=row.insertCell（3）；
dateCell.innerHTML=日期；
var DeleteCell=row.insertCell（4）；
DeleteCell.innerHTML=x；
}

客户名称





购买的物品





数量





日期




客户名称
购买的物品
量
日期
伊布贝奥迪纳卡酒店
iphone11promax
1.
07/01/2021
x

修复，尝试一下

//我的JAVASCRIPT代码
var form=document.getElementById（“表单”）；
var table=document.getElementById（“表格”）；
//将事件侦听器添加到窗体
表格。附录列表（“提交”，附录）；
函数附加项（e）{
e、 预防默认值（）；
//获取客户名称输入值
var customerName=document.getElementById（“customerName”）.value；
//获取购买的物品输入值
var itempowered=document.getElementById（“itempowered”）.value；
//获取数量输入值
var数量=document.getElementById（“数量”）.value；
//获取日期输入值
var date=document.getElementById（“日期”）.value；
//创建行
var行=table.insertRow（2）；
//创建行单元格
var customerCell=row.insertCell（0）；
customerCell.innerHTML=客户名称；
var ItemCell=row.insertCell（1）；
ItemCell.innerHTML=itemPurchased；
var quantityCell=行插入单元格（2）；
quantityCell.innerHTML=数量；
var dateCell=row.insertCell（3）；
dateCell.innerHTML=日期；
var DeleteCell=row.insertCell（4）；
DeleteCell.innerHTML=“x”；
}

客户名称





购买的物品





数量





日期




客户名称
购买的物品
量
日期
伊布贝奥迪纳卡酒店
iphone11promax
1.
07/01/2021
x

客户名称





购买的物品





数量





日期




客户名称
购买的物品
量
日期
伊布贝奥迪纳卡酒店
iphone11promax
1.
07/01/2021
x

//我的JAVASCRIPT代码
var form=document.getElementById（“表单”）；
var table=document.getElementById（“表格”）；
//将事件侦听器添加到窗体
表格。附录列表（“提交”，附录）；
函数附加项（e）{
e、 预防默认值（）；
//获取客户名称输入值
var customerName=document.getElementById（“customerName”）.value；
//获取购买的物品输入值
var itempowered=document.getElementById（“itempowered”）.value；
//获取数量输入值
var数量=document.getElementById（“数量”）.value；
//获取日期输入值
var date=document.getElementById（“日期”）.value；
//创建删除按钮
var deleteBtn=“x”
var rowContent=[customerName，itemPurchased，quantity，date，deleteBtn]
//创建行
var行=table.insertRow（2）；
//创建行单元格
rowContent.map（（值，索引）=>{
var rowCell=row.insertCell（索引）；
rowCell.innerHTML=值；
});
}

只要Jquery是区分大小写的语言，那么您就必须按确切的名称调用元素，元素日期用大写字母书写，您用小写字母调用它，这是第一个输入错误，您在cell delete中调用了一个名为x的变量，而没有定义的变量x，goodluckI认为表的值应该是1，而不是2，或者有什么原因？