DOM要素の配列をループする

Question

これはおそらく簡単な質問ですが、これをループとして記述する方法はありますか？

function playOne() { 
    if (playOne) { 
     document.getElementById("squareOne").innerHTML = '<img src="img/cross.png">'; 
    } 

} 

function playTwo() { 
    if (playTwo) { 
     document.getElementById("squareTwo").innerHTML = '<img src="img/cross.png">'; 
    } 
} 


function playThree() { 
    if (playThree) { 
     document.getElementById("squareThree").innerHTML = '<img src="img/cross.png">'; 
    } 

} 

Answer 1

この意味は？

let elems = { 
    "squareOne": playOne, 
    "squareTwo": playTwo, 
    "squareThree": playThree, 
} 

for (var key in elems) { 
    if(elems[key]) { 
    document.getElementById(key).innerHTML = '<img src="img/cross.png">'; 
    } 
}