teslariu

forJS

Jul 13th, 2022
1,248
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 1.61 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6.     <meta name="viewport" content="width=<device-width>, initial-scale=1.0">
  7.     <title>Probando JavaScript</title>
  8. </head>
  9. <body>
  10.     <h2>Impresión de un array "a lo range"</h2>
  11.     <p id="imprimir"></p>
  12.     <br>
  13.     <h2>Impresión de un objeto</h2>
  14.     <p id="imprimir2"></p>
  15.     <br>
  16.     <h2>Impresión de una cadena</h2>
  17.     <p id="imprimir3"></p>
  18.     <br>
  19.     <h2>Impresión de un array "iterandolo"</h2>
  20.     <p id="imprimir4"></p>
  21.  
  22.  
  23.  
  24.     <script>
  25.         // array
  26.         var texto = "";
  27.         var nombres = ["Ana", "Juan", "Victor", "Luisa"];
  28.         for (var i=0; i<nombres.length; i++) {
  29.            texto += nombres[i] + "<br>";
  30.         }
  31.         document.getElementById("imprimir").innerHTML = texto;
  32.    
  33.         // objeto
  34.         var texto2 = "";
  35.         var persona = {nombre:"Juan", apellido:"Gomez", edad:35, DNI: 32458852};
  36.         for (var x in persona) {
  37.             texto2 += x + ": " + persona[x] + "<br>";
  38.         }
  39.         document.getElementById("imprimir2").innerHTML = texto2;
  40.    
  41.         // cadenas
  42.         var cadena = "Iterando en JavaScript";
  43.         var texto3 = "";
  44.         for (x of cadena) {
  45.             texto3 += x + "<br>";
  46.         }
  47.         document.getElementById("imprimir3").innerHTML = texto3;
  48.  
  49.         // "iterando" un array
  50.         var texto4 = "";
  51.         for (x of nombres) {
  52.             texto4 += x + "<br>";
  53.         }
  54.         document.getElementById("imprimir4").innerHTML = texto4;
  55.     </script>
  56.    
  57. </body>
  58. </html>
Advertisement
Add Comment
Please, Sign In to add comment