¿Hay alguna forma en que podamos agregar un elemento HTML en función de algún valor, por ejemplo, digamos que no estamos seguros del valor (i), después de que se obtiene el valor "i" de alguna función y, dependiendo de "i", se muestra el valor en diferentes líneas? Algo como si i=3, <p>one</p><p>two</p><p>three</p> . si i=5, cinco
el elemento debe agregarse en la estructura HTML
Teniendo en cuenta que no es un proyecto ReactJS (porque en React se usan estados para este tipo de enfoque), en javascript y HTML estándar, debe usar element.append(newContent)
// get a value, random or not // example of random 0~9 const numberOfIncludes = parseInt(Math.random()*10); // create the element to be included let newContent = ''; for ( let i=0 ; i<numberOfIncludes ; i+=1) { newContent += '<p>'+i+'</p>'; } // get the DOM to include const myWrapper = document.querySelector('body'); // include the content at the bottom myWrapper.append(newContent);