Javascript 使用重置按钮重置表上的数据

通过实践学习javascript（初学者），这里我有一个表，其中是“动物”和“人”，我想知道在从选择框中选择数据后，是否有方法将表数据重置回“动物”？我原以为再把整个事情叫到onclick里面就行了，但是

我的代码：

函数myFunction（）{
paivitys（）
}
功能paivitys（数据，arvvoja）{
控制台日志（数据）；
//----
if（数据为hasOwnProperty（“动物”））{
document.getElementById（“1name”）.innerHTML=data.animal；
}否则{
document.getElementById（“1name”）.innerHTML=data.person；
document.getElementById（“1name1”）.innerHTML='person'；
}
//----		
if（data.hasOwnProperty（“animal2”））{
document.getElementById（“2name”）.innerHTML=data.animal2；
}否则{
document.getElementById（“2name”）.innerHTML=data.person2；
document.getElementById（“2name1”）.innerHTML='person'；
}
//-----	
document.getElementById（“id”）.innerHTML=data.id；
}
功能配对（数据，arvvoja）{
对于（变量i=0；i{
option.textContent+=数据[i][value]+''；
});
选择.appendChild（选项）；
}
}
数据={
“动物”：“老虎”，
“动物2”：“狮子”，
“id”：“54321”，
“救济金”：{
“键”：“fhd699f”
}
}
paivitys（数据）；
让科科阵列；
数据=[{
“人”：“卡卡”，
“人2”：“朱尔”，
“id”：“9874”，
},
{
“人”：“罗纳尔多”，
“人2”：“jussi”，
“id”：“65555”，
}
]
koarray=数据；
paivitaselekt（数据，[“个人”，“身份证]）；
document.getElementById（“选择”）.addEventListener（“更改”），函数（事件）{
常量valittunstite=event.target.value.split（“”[1]；
const valittutieto=kokokoarray.filter（（data）=>data.id==valittuntite）[0]；
paivitys（valittutieto）；
});

动物
动物
身份证件
重置
重置按钮调用以下功能：

函数myFunction（）{
paivitys（）
}

它调用无参数的
paivitys
函数

函数paivitys（数据，arvvoja）{

该函数将
数据
作为其第一个参数，但不向其传递任何变量

此线路出现故障：

if（data.hasOwnProperty（“动物”）{

因为
数据
未定义

但除此之外，您正在使用动物定义数据，然后将数据更改为包含人。因此，动物数据将丢失。您需要使用其他变量来存储人的数据。
可以做到这一点



让动物
让animalCols=['Animal'，'Animal 2']
让peopleCols=['Person'，'Person 2']
函数myFunction（）{
paivitys（动物、动物）
}
功能paivitys（数据，arvvoja）{
控制台日志（数据）；
//----
if（数据为hasOwnProperty（“动物”））{
document.getElementById（“1name”）.innerHTML=data.animal；
}否则{
document.getElementById（“1name”）.innerHTML=data.person；
}
//----		
if（data.hasOwnProperty（“animal2”））{
document.getElementById（“2name”）.innerHTML=data.animal2；
}否则{
document.getElementById（“2name”）.innerHTML=data.person2；
}
document.getElementById（“1name1”）.innerHTML=arvvoja[0]；
document.getElementById（“2name1”）.innerHTML=arvvoja[1]；
//-----	
document.getElementById（“id”）.innerHTML=data.id；
}
功能配对（数据，arvvoja）{
对于（变量i=0；i{
option.textContent+=数据[i][value]+''；
});
选择.appendChild（选项）；
}
}
动物={
“动物”：“老虎”，
“动物2”：“狮子”，
“id”：“54321”，
“救济金”：{
“键”：“fhd699f”
}
}
paivitys（动物、动物）；
让科科阵列；
人=[{
“人”：“卡卡”，
“人2”：“朱尔”，
“id”：“9874”，
},
{
“人”：“罗纳尔多”，
“人2”：“jussi”，
“id”：“65555”，
}
]
koarray=人；
paivitaselekt（kokoarray，[“person”，“id]”）；
document.getElementById（“选择”）.addEventListener（“更改”），函数（事件）{
常量valittunstite=event.target.value.split（“”[1]；
const valittutieto=kokokoarray.filter（（data）=>data.id==valittuntite）[0]；
paivitys（valittutieto，peopleCols）；
})；

动物
动物
身份证件
重置
请准确解释您在开始时拥有什么以及您在结束时想要拥有什么。@DJ9114正如您在开始时看到的，有“动物”，当用户从选择框中选择时，它会变为“人”，我想单击重置按钮并带回“动物”，您是否也可以带回“动物”，如重置整个东西这并没有解释作者说他做错了什么。@walee我不知道understand@Franklin“jGil”z和重置它应该回到开始，就像把这些也带回来：动物Animal@Franklin这是一个非常好的答案，我会接受它，但我有一个问题，现在数据太小了，这样做很好，如果数据比它大十倍呢s、 那么，我们应该把所有的数据都写在这里吗：让animalCols=['Animal'，'Animal 2'，]，这会不会很费时？如果你愿意，你能不能也写一个这样的例子，因为这不是真正的问题：）如果你能让这个代码更简单（更简单）对于初学者，请随意在这里分享：）您使用的方法没有任何问题，我只是告诉您为什么它不起作用。您可以自己解决它，这是一个小错误。