Как показать один и тот же блок <div>много раз на странице?

Question

У меня есть

<div id="example">HELLO WORLD</div>

Мне нужно показать это содержимое 25 раз на одной странице.

Как мне этого добиться, пожалуйста?

Answer 1

Простое пока l oop подойдет.

var i = 0;
while (i < 25) {
  text += "<br><div>content</div> ";
  i++;
}
document.getElementById("example").innerHTML = text;

Answer 2

попробуйте вот так.

function render(count) {
    const htmlStr = `<div id="example">HELLO WORLD</div>`
    let finalStr = '';

    for (let i=1; i<=count; i++) {
       finalStr += htmlStr
    }
    document.querySelector('body').innerHTML = finalStr;
}

вызовите эту функцию - render(25)

Answer 3

Идентификатор должен быть уникальным. Использование:

<div id="example_1">HELLO WORLD</div>
<div id="example_2">HELLO WORLD</div>

https://developer.mozilla.org/fr/docs/Web/HTML/Attributs_universels/id