如何將許多功能合併爲一個功能？

Question

我有一個循環動態按鈕和我有onclick屬性的功能，如下圖所示：

for (var j=0; j<= 1; j++){ 
    btndisplay= document.createElement("input"); 
    btndisplay.setAttribute("type", "button"); 
    btndisplay.setAttribute("style","height:80px;width:60px"); 
    btndisplay.setAttribute("onclick", "myFunction"+ (j+1) +"(this.name)"); 
    document.getElementById('divButtons'+(j+1)).appendChild(btndisplay); 
} 

如何如下簡化許多功能，到一個單一的功能？

function myFunction1(name) 
    { 
    if (document.getElementById('value1').innerHTML==""){ 
    document.getElementById('value1').innerHTML = name; 
    } 
    } 

    function myFunction2(name) 
    { 
    if (document.getElementById('value2').innerHTML==""){ 
     document.getElementById('value2').innerHTML = name; 
    } 

Answer 1

使用另一個參數，一個用於name，另一個用於id：

function myFunction(id, name) 
{ 
    if (document.getElementById(id).innerHTML=="") 
     document.getElementById(id).innerHTML = name; 
} 

Answer 2

已創建：

<input type="button" onclick="myFunction(this)"> 
<input... 
... 

的功能是：

function myFunction (that) { 
    if(that.innerHTML === "") { 
    that.innerHTML = that.name; 
    } 
}