Javascript 生成"；“人民”；具有输入中输入的数据的对象

我想在输入数据时自动生成对象

我已经做了一个构造函数，我的疑问是如何使构造函数接收的数据成为输入中输入的数据

**我的目标是在屏幕上打印姓名、姓氏、年龄和爱好**

姓名：


阿佩利多：


Edad：


业余爱好：
邮寄
重置

*{
保证金：0；
填充：0；
大纲：0；
框大小：边框框；
字体系列：幻想
}
身体{
背景图像：线性梯度（#cc3290，#c41010）；
宽度：100%；
高度：100vh；
显示器：flex；
证明内容：中心；
对齐项目：居中；
}
.分配{
显示器：flex；
弯曲方向：立柱；
证明内容：周围的空间；
对齐项目：居中；
}
.表格{
宽度：250px；
高度：250px；
盒影：0px 1px 50px#2a2a2a；
边框：1px实心#fff；
边界半径：15px；
颜色：#fff；
字号：17px；
填充：10px；
显示器：flex；
弯曲方向：立柱；
对正内容：空间均匀；
}
.结果{
宽度：40%；
身高：15%；
边框：2倍实心#fff；
边界半径：10px；
颜色：#fff；
填充：10px；
}
.基站{
宽度：90px；
高度：100px；
显示器：flex；
弯曲方向：立柱；
对正内容：空间均匀；
左边框：15px；
}
钮扣{
光标：指针；
边框底部：10px；
边界半径：15px；
填充：5px20px；
字母间距：2px；
背景色：透明；
}
#发送{
边框：2倍实心#fff；
颜色#050505；
}
#重置{
边框：2个实心rgb（15,15,15）；
颜色：#ffffff；
}

let-inpNom=document.getElementById（'nombre'）；
让inpApe=document.getElementById（'apellido'）；
设inpEdad=Number（document.getElementById（'edad'）；
让inpHobb=document.getElementById（'cabiods'）；
让btnSend=document.getElementById（'send'）；
设btnReset=document.getElementById（'reset'）；
让result=document.getElementById（'text'）；
类角色{
构造函数（）{
this.nombre=inpNom.nodeValue；
this.apellido=apellido；
这个。edad=edad；
这个。霍比=霍比；
}
复印机（）{
result.textContent=`Hola mi nombre es${this.nombre}${this.inpApe}mi edad es${this.inpead}
我是古斯塔·穆乔·哈彻${this.inpHobb}；
}
}
函数createPerson（）{
让create=Persona.prototype.copiar（）；
}
btnSend.addEventListener（'click'，createPerson）；

let-inpNom=document.getElementById（'nombre'）；
让inpApe=document.getElementById（'apellido'）；
设inpEdad=document.getElementById（'edad'）；
让inpHobb=document.getElementById（'cabiods'）；
让btnSend=document.getElementById（'send'）；
设btnReset=document.getElementById（'reset'）；
让result=document.getElementById（'text'）；
类角色{
构造函数（）{
this.nombre=inpNom.value；
this.inpApe=inpApe.value；
this.inpEdad=inpEdad.value；
this.inphob=inphob.value；
}
}
函数createPerson（）{
让newPersona=新角色
result.textContent=`Hola mi nombre es${newPersona.nombre}${newPersona.inpApe}mi edad es${newPersona.inpEdad}y me gusta mucho hacer${newPersona.inpobb}；
}
输入=document.getElementsByTagName（“输入”）；
对于（变量i=0；i

*{
保证金：0；
填充：0；
大纲：0；
框大小：边框框；
字体系列：幻想
}
身体{
背景图像：线性梯度（#cc3290，#c41010）；
宽度：100%；
高度：100vh；
显示器：flex；
弯曲方向：立柱；
证明内容：中心；
对齐项目：居中；
}
.分配{
显示器：flex；
弯曲方向：立柱；
证明内容：周围的空间；
对齐项目：居中；
}
.表格{
宽度：250px；
高度：250px；
盒影：0px 1px 50px#2a2a2a；
边框：1px实心#fff；
边界半径：15px；
颜色：#fff；
字号：17px；
填充：10px；
显示器：flex；
弯曲方向：立柱；
对正内容：空间均匀；
}
.结果{
宽度：40%；
身高：15%；
边框：2倍实心#fff；
边界半径：10px；
颜色：#fff；
填充：10px；
}
.基站{
宽度：90px；
高度：100px；
显示器：flex；
弯曲方向：立柱；
对正内容：空间均匀；
左边框：15px；
}
钮扣{
光标：指针；
边框底部：10px；
边界半径：15px；
填充：5px20px；
字母间距：2px；
背景色：透明；
}
#发送{
边框：2倍实心#fff；
颜色#050505；
}
#重置{
边框：2个实心rgb（15,15,15）；
颜色：#ffffff；
}

姓名：


阿佩利多：


Edad：


业余爱好：
重置
输出：
我的名字是什么？我的名字是什么
可以直接创建您的对象


const myForm=document.forms['my-form']
，ArrObj=[]
;
myForm.onsubmit=e=>
{
e、 预防默认值（）
ArrObj.push（Object.fromEntries（newformdata（myForm.entries（）））
控制台清除（）
console.log（ArrObj）
}
*{
保证金：0；
填充：0；
大纲：0；
框大小：边框框；
字体系列：幻想
}
身体{
背景图像：线性梯度（#cc3290，#c41010）；
宽度：100%；
高度：100vh；
显示器：flex；
证明内容：中心；
对齐项目：居中；
}
.分配{
陈列