Как добавить циклом for в пустой массив элементы — числа от 4 до 400, а потом уже когда в массиве будут эти элементы вывести их на экран?

Question

[yuriytkachenko]

Есть задача при помощи цикла for добавить пустому массиву arr элементы - числа от 4 до 400, а потом уже когда в массиве будут эти элементы вывести их на экран.

При правильном решении результат должен быть вот таким:



Написал я свой код и вот что получилось:



вот мой код:

var out = document.getElementById('root');
var arr = [];
for(i=4;i<=400;i++){
    arr.push([i]);
    out.innerHTML = out.innerHTML + arr + " ";
}

Помогите пожалуйста исправить.

И вообще какие еще варианты могут быть решения этой задачи? Кроме цикла for? Несмотря на то что в задании пишет именно с помощью него решить задачу. Просто для себя чтобы знать другие варианты.

Answer 1

[Дмитрий Гололобов]

вынести вывод за цикл.

var out = document.getElementById('root');
var arr = [];
for(i=4;i<=400;i++){
    arr.push([i]);
}
 out.innerHTML = out.innerHTML + arr + " ";

Answer 2

[dollar]

var out = document.getElementById('root');
var arr = [];
for(i=4;i<=400;i++){
    arr.push(i);
}
out.innerHTML = out.innerHTML + arr.join(" ") + " ";

Comments

[yuriytkachenko]

Спасибо, только элементы выводятся через запятую:


Как сделать чтобы через пробел были числа?

[dollar]

Функция join помогает выбрать разделитель:

var out = document.getElementById('root');
var arr = [];
for(i=4;i<=400;i++){
    arr.push(i);
}
out.innerHTML = out.innerHTML + arr.join(" ") + " ";

Answer 3

[Дмитрий Беляев]

И вообще какие еще варианты могут быть решения этой задачи? Кроме цикла for? Несмотря на то что в задании пишет именно с помощью него решить задачу. Просто для себя чтобы знать другие варианты.

document.getElementById('root').appendChild(
  document.createTextNode(
    Array.from(new Array(401), (_, i) => i).slice(4).join(' ')
  )
);