異なるHTMLタグで動作する2つの同一の関数をリファクタリングする

Question

1つの関数が色をhtml tdタグのセットに変更するループを持ち、他の関数がtd htmlタグの別のセットに色を変更する以外は同じ2つの関数があります。それらは次のとおりです。

for (var i = 0; i < medHardSquares.length; i++) 
for (var i = 0; i < easySquares.length; i++) 

引数を渡して、1つの関数で送信された引数に基づいてタグを処理する方法はありますか？

for (var i = 0; i < arg.length; i++) 

Answer 1

をはい、色を変更するためのプロセスが真に同一であり、あなたの変数の構造は、TD要素の同じ、すなわちHTMLCollection /配列されている、ちょうどあなたにTDコレクションのいずれかを渡す場合：私はそれが好き行うことができます機能

function changeColors(squares){ 
    for (var i = 0; i < squares.length; i++){ 
    squares[i].style.backgroundColor = whateveColor; 
    } 
} 

changeColors(medHardSquares); 
changeColors(easySquares);