Вывод данные JS в нескольких местах

<div id="parent"><b>Старое содержимое</b></div>
<div id="parent2"><b>Старое содержимое</b></div>
<textarea name="my-area" id="my-area" cols="30" rows="10"></textarea>
<script>
    var d=document,ds = d.querySelector('#my-area');    
    ds.addEventListener('keydown', function(){
           var v= this.value;
           d.getElementById('parent').firstChild.innerHTML = v;
           d.getElementById('parent2').firstChild.innerHTML = v;
  }
)
</script>

если отставить бодания про айди, то почему тут не использовать foreach? не помню уже JS, но мне кажется тут избыточность - явно задается лишняя переменная

В js нет foreach. Есть свойство массива для перебора элементов с вызовом callback функции arr.forEach(callback,[...args])

Для перебора используется for(variable of array|object)

Для получения методов\свойств объекта for(property in object)

у тебя уже есть лист 

els=document.querySelectorAll

что мешает по нему пройтись с помощью foreach?

els.foreach(...)

Зачем усложнять? 😂

в чем усложнение? Ты не заводишь лишнюю переменную, код легче прочитать, легче при необходимости разделить, написав отдельно функцию.

Я не утверждаю, просто интересно. Давно не смотрел в сторону JS

Я вообще предпочитаю for от 0 до length. Никогда не подведёт, в отличие от других способов.

как может подвести foreach? Ты смотрел что там под капотом, как он работает? Зато с ним я явно работаю с массивом данных, мне не нужно множить сущности, код легко читаем. В питоне к примеру, такого нет, там идет явный перебор по элементам массива. 

forEach в данном случае не сработает в старых браузерах. А этот for(let elt of els) - и в не очень старых. Для тех, кому важен каждый посетитель, это существенно. Лично меня старый добрый for с перебором по индексу не напрягает, и я предпочитаю его - он всегда отработает.

Не знал