如何将许多功能合并为一个功能？

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