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

Question

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

<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> 

Answer 1

不知道如果我明白你的问题，但这里是一个start fiddle

<input type="text" id="1" value=""> <br> 
<input type="text" id="2" value=""><br> 
<input type="text" id="3" value=""><br> 
<button onclick="javascript:show()">Show</button> 

function show() 
{ 
    document.getElementById("3").value = document.getElementById("1").value + " " + document.getElementById("2").value 
} 

此更新程序后，this看起来更接近你的要求

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

Answer 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> 

Answer 3

有两个问题。

1. 有typo错误在
   person = { name:"", // missing comma here. lastname:"" };
你想要的 person更新值当你点击它，以便使一个函数，并把 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>