Почему не все элементы массива не выводятся на страницу?

Question

Условия таковы При нажатии .b-2 выполняете функцию. Функция перебирает массив a1 c помощью цикла for (let i. Выведите на страницу в .out-1 формате значение + пробел.

let a1 = [1,3,4,5]
document.querySelector('.b-2').onclick = ()=>{
    for (let i = 0; i < a1.length; i++) {
        const element = array[i];
            document.querySelector('.p-2').textContent = element;
    console.log(element);
        }
}

<button class="b-2">x</button>
 <p class="p-2"></p>

Answer 1

Вот так поробуйте, и обратите внимание на то что у Вас нет перемпенной array. Вы скопировали частично код при этом не поняв что и зачем.

let a1 = [1,3,4,5]
document.querySelector('.b-2').onclick = ()=>{
    for (let i = 0; i < a1.length; i++) {
        const element = a1[i];
        document.querySelector('.p-2').textContent = element;
        console.log(element);
    }
}

<button class="b-2">x</button>
 <p class="p-2"></p>

перепишите это немного по другому и станет более читабельнее

let array = [1,3,4,5];
const paragraph = document.querySelector('.p-2');

document.querySelector('.b-2').onclick = ()=>{
    array.forEach((item, index)=>{
        paragraph.textContent +=' ' + item;
        console.log(item);
    });
}

<button class="b-2">x</button>
 <p class="p-2"></p>

БЛОГ НА HUSL

Почему не все элементы массива не выводятся на страницу?

Ответы (1 шт):