parrafos.html

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <meta charset="UTF-8">
  4. <title>Párrafos</title>
  5. // http://www.chiquitoipsum.com/
  6. const TEXTO = "Lorem fistrum se calle ustée a wan tiene musho peligro. Sexuarl la caidita te va a hasé pupitaa diodenoo ese hombree está la cosa muy malar diodeno a peich. Quietooor pupita diodeno pecador llevame al sircoo está la cosa muy malar a peich fistro te voy a borrar el cerito tiene musho peligro. Condemor benemeritaar te voy a borrar el cerito ese hombree me cago en tus muelas ahorarr te va a hasé pupitaa. Torpedo por la gloria de mi madre de la pradera ahorarr apetecan amatomaa a wan diodeno. Torpedo pupita pupita ahorarr pecador condemor ese que llega tiene musho peligro. Apetecan ese pedazo de sexuarl ese que llega no puedor ahorarr.";
  7. var contador = 0;
  8.  
  9. function agregar() {
  10. const p1 = document.createElement('p');
  11. const p2 = document.createElement('p');
  12. const p3 = document.createElement('p');
  13.  
  14. p1.textContent = `Párrafo ${++contador} ${TEXTO}`;
  15. p2.textContent = `Párrafo ${++contador} ${TEXTO}`;
  16. p3.textContent = `Párrafo ${++contador} ${TEXTO}`;
  17.  
  18. //p1.style.textAlign = 'justify';
  19.  
  20. p1.setAttribute('align', 'justify');
  21. p2.setAttribute('align', 'center');
  22. p3.setAttribute('align', 'right');
  23.  
  24. document.body.appendChild(p1);
  25. document.body.appendChild(p2);
  26. document.body.appendChild(p3);
  27. }
  28. </script>
  29. </head>
  30. <h1>Párrafos <button onclick="agregar()">Añadir</button></h1>
  31. </body>
  32. </html>

Proinf.net