Having issues creating a for loop for a list created in JS

Question

I'm trying to for loop the H1 object through a list 10 times. I'm not sure where I went wrong any help would be appreciated.

var headOne = document.createElement("H1");
headOne.textContent = "Hello World";
document.body.appendChild(headOne);

var newOrderedList = document.createElement('OL');
newOrderedList.setAttribute("id", "OLJS");
document.body.appendChild(newOrderedList);

var helloWorld = document.getElementById("OLJS");

for (var i = 0; headOne < 10; i++){
  var listItems = document.createElement("li");
  listItems.innerHTML = headOne[i];
  helloWorld.append(listItems);
}

headone is not an array its and html element <h1>Hello World</h1> You are trying to loop through an html element — Nishanth
– Nishanth, Commented Nov 14, 2021 at 4:57
I am trying to loop the h1 10 times. I can't figure out how though. — JLB
– JLB, Commented Nov 15, 2021 at 7:19

aerial · Accepted Answer · 2021-11-14 05:15:55Z

2

If you want to loop 10 times then do:

for (let i = 0; i < 10; i++) {
  // Do something
}

And in your case if you are trying to access each letter of headOne element and append it to the helloWorld list then you can do the following:

for (let i = 0; i < headOne.textContent.length; i++) {
  let listItems = document.createElement('li')
  listItems.textContent = headOne.textContent[i]
  helloWorld.append(listItems)
}

You might also want to read more about Loops and iteration

answered Nov 14, 2021 at 5:15

aerial

1,1983 gold badges10 silver badges15 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

JLB Over a year ago

I don't need to access each letter, I need to loop the h1 10 times but in an ordered list.

aerial Over a year ago

@JLB Do you mean you want the content of h1 to be added to a list 10 times?

anonymous · Accepted Answer · 2021-11-14 05:17:55Z

2

var headOne = document.createElement("H1");
headOne.textContent = "Hello World";
document.body.appendChild(headOne);

var newOrderedList = document.createElement('OL');
newOrderedList.setAttribute("id", "OLJS");
document.body.appendChild(newOrderedList);

//var helloWorld = document.getElementById("OLJS");

for (var i = 0; i < 10; i++) {
  var listItems = document.createElement("li");
  listItems.innerHTML = "order list item " + (i + 1);
  newOrderedList.append(listItems);
}

answered Nov 14, 2021 at 5:17

anonymous

2281 silver badge11 bronze badges

Collectives™ on Stack Overflow

Having issues creating a for loop for a list created in JS

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related