Как через innerHTML заменить значение diva при помощи циклов?

Question

[adil16]

Кнопка b-11 запускает функцию t11. Функция должна: получить все div.div-11 перебрать их с помощью цикла. Обращение к div выглядит так elem[i] вывести в out-11 содержимое каждого блока. Разделитель - пробел. В результате должно получиться так:
one 3 4 two

<div class="div-11">one</div>
            <div class="div-11">3</div>
            <div class="div-11">4</div>
            <div class="div-11">two</div>
            <button class="button-primary b-11">Task-11</button>
            <div class="out-11"></div>

function t11() {
    let div = document.querySelectorAll('div.div-11')
    for(i=0;i<=div.length;i++){
        b= div[i]
        document.querySelector('.out-11').innerHTML =  b;
        console.log(div[i])
    }

}

Answer 1

[Алексей Ярков]

function t11() {
  const divs = document.querySelectorAll('div.div-11');
  const content = Array.from(divs).map(div => div.innerHTML).join(' ');
  
  document.querySelector('.out-11').innerHTML = content;
}

document.querySelector('.b-11').addEventListener('click', t11);

Comments

[adil16]

а как то проще можно реализовать? без

const content = Array.from(divs).map(div => div.innerHTML).join(' ');

новичку так сказать.

[Алексей Ярков]

adil16, а что тут не так?

[adil16]

Алексей Ярков, я такое еще не проходил)))

[Алексей Скляров]

adil16, данную строку

const content = Array.from(divs).map(div => div.innerHTML).join(' ');

можете рассматривать как:

const content = Array.from(divs).map(function(div){
return div.innerHTML;
}).join(' ');

[adil16]

Алексей Скляров,можете подсказать, почему не работает так:

document.querySelector('.out-11').innerHTML = <b>div[i]</b>

выводит undefined

[Алексей Дубровин]

adil16,
1) Вывод undefine - не означает что это не работает.
2) В вашем случае у вас в тег b должно поместиться элемент по типу "<div class="div-11">3</div>"
3) Для того чтобы это работало нужно понимать что в программировании есть несколько типов как можно заносить информацию
Прямо сейчас вы пытаетесь вставить переменную которая называется "<b>div[i]</b>" её у вас нет. - undefine