const colors = document.querySelectorAll('input');
で取得したcolorsは、配列だからforEachを使うのかな？と思い、
typeof で調べてみると、undefined になりました。

forEachは配列に有効と学習したような気がしますし、
（間違ってたらすいません）
colorsが配列でないのであれば、自分で考えていると、
for‘Eachを使用するとたどり着く順序がわかりませんでした。

もしかして、ラジオボタンが二つ選択されたとき用に、
forEach なのか？と思って、
HTMLのinputタグから、name属性をすべて外して、２つ選択して
実行してみたところ、今度は２つ目の選択した色しか
li要素に追加されませんでした。

ますますよくわからなくなり、質問させていただきました。

お忙しいところ、恐れ入りますが、
宜しくお願いいたします。