0
155
ViewsJavascript: cómo hacer un bucle de impresión de párrafo html con id y clase
Quiero imprimir el elemento de párrafo para que incluya el número de identificación del 1 al 100. Quiero que javascript tenga que imprimirlos en lugar de escribirlos manualmente.
Código HTML:
<div id="shields"> <p class="houses" id="1">HOUSE 1</p> <p class="houses" id="2">HOUSE 2</p> <p class="houses" id="3">HOUSE 3</p> <p class="houses" id="5">HOUSE 4</p> <p class="houses" id="6">HOUSE 5</p> <p class="houses" id="7">HOUSE 6</p> <p class="houses" id="4">HOUSE 7</p> <p class="houses" id="8">HOUSE 8</p> <p class="houses" id="9">HOUSE 9</p> <p class="houses" id="10">HOUSE 10</p> </div> Algo como esto donde House 1 tiene el número de identificación de 1. 
·
Juan Pablo Isaza
2 answers
Answer question0
Puede usar javascript for loop para lograr esto de la siguiente manera
for (let i = 1; i <= 100; i++) { let ptag = document.createElement('p'); ptag.classList.add('houses'); ptag.id = i; ptag.innerHTML = `HOUSE ${i}`; document.getElementById('shields').appendChild(ptag); } <div id="shields"> </div>
·
Juan Pablo Isaza
Report
0
Puede usar un ciclo for para recorrer del 1 al 100 y agregar el HTML dinámicamente al div :
for (let i = 1; i < 101; i++) { shields.innerHTML += `<p class="houses" id="${i}">HOUSE ${i}</p>`; } <div id="shields"></div>
·
Juan Pablo Isaza
Report
Answer question