如何在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>