如何在JavaScript中将数据从输入插入到类中？

我有一个类，我想从两个输入向它插入数据。然后，我想按下一个按钮并显示类的数据。有人能帮我吗？我不能让它工作

<input type="text",id="1",value="">
<input type="text",id="2",value="">
<button onclick="document.write(person)">show</button>

<script>
    person = {
        name:""
        lastname:""
    };

    person.name=document.getElementById('1');
    person.lastname=document.getElementById('2');
</script>

显示
人={
姓名：“
姓氏：“
};
person.name=document.getElementById（'1'）；
person.lastname=document.getElementById（'2'）；

不确定我是否理解了你的问题，但这里有一个

试试这个

<input type="text" id="1" value="">
<input type="text" id="2" value="">
<button onclick="show()">show</button>

<script>
person={
 name:"",
 lastname:""
};
function show() {
 person.name=document.getElementById('1').value;
 person.lastname=document.getElementById('2').value;  
 document.write(JSON.stringify(person));
}
</script>

显示
人={
姓名：“，
姓氏：“
};
函数show（）{
person.name=document.getElementById（'1'）。值；
person.lastname=document.getElementById（'2'）。值；
document.write（JSON.stringify（person））；
}

有两个问题

person={
名称：，//此处缺少逗号。
姓氏：“
};

单击时需要更新的

person

值，因此创建一个函数并放置

person.name=document.getElementById（'1'）；
person.lastname=document.getElementById（'2'）

在该功能中

显示
人={
姓名：“，
姓氏：“
};
函数show（）{
person.name=document.getElementById（'1'）。值；
person.lastname=document.getElementById（'2'）。值；
document.write（JSON.stringify（person））；
}

function show()
{
  var person = {
    firstName : document.getElementById( "1" ).value,
    lastName : document.getElementById( "2" ).value
  }
  document.getElementById( "3" ).value = JSON.stringify( person );
}

<input type="text" id="1" value="">
<input type="text" id="2" value="">
<button onclick="show()">show</button>

<script>
person={
 name:"",
 lastname:""
};
function show() {
 person.name=document.getElementById('1').value;
 person.lastname=document.getElementById('2').value;  
 document.write(JSON.stringify(person));
}
</script>