victorpallas

src/app.js

@@ -1,11 +1,35 @@
-import "bootstrap";
-import "./style.css";
+let primero = ['el', 'la', 'a', 'los'];
+let segundo = ['best', 'mejor', 'alto', 'gran' ];
+let tercero = ['coche', 'hardware', 'seguridad', 'moto', 'bicicleta'];
+let dominio = ['.com', '.es', '.gal', '.pro']
 
-
-import "./assets/img/rigo-baby.jpg";
-import "./assets/img/4geeks.ico";
+function generarDominios(){
+  let combinaciones=""
+  for(let a = 0; a < primero.length; a++) {
+    for(let b = 0; b < segundo.length; b++) {
+      for(let c = 0; c < tercero.length; c++) {
+        for(let d = 0; d < dominio.length; d++) {
+          combinaciones+=`<li class="list-groups-item">${primero[a]+segundo[b]+tercero[c]+dominio[d]}</li>`
+        }
+      }
+    }
+  }
+  console.log(combinaciones)
+  return combinaciones
+
+}
 
 window.onload = function() {
-  //write your code here
-  console.log("Hello Rigo from the console!");
+  document.getElementById("domains").innerHTML=generarDominios()
 };
+
+
+for(let a = 0; a < primero.length; a++) {
+  for(let b = 0; b < segundo.length; b++) {
+    for(let c = 0; c < tercero.length; c++) {
+      for(let d = 0; d < dominio.length; d++) {
+      console.log(primero[a] + segundo[b] + tercero[c]+ dominio[d]);
+      }
+    }
+  }
+}

src/index.html

@@ -4,7 +4,7 @@
     <meta charset="UTF-8" />
     <link rel="icon" href="./assets/img/4geeks.ico" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Hello Rigo with Vanilla.js</title>
+    <title>Generador de nombres de dominio</title>
 
     <!-- Fontawesome is our recomended library for icons -->
     <link
@@ -19,10 +19,9 @@
     <div class="container-fluid text-center">
       <h1 class="mt-5">Hello Rigo!</h1>
       <img src="./assets/img/rigo-baby.jpg" />
-      <p class="alert alert-warning mt-4">
-        If this text is <b>not</b> centered and <b>yellow</b>, you probably have
-        an error
-      </p>
+      <div class="alert alert-warning mt-4">
+        <ul id = "domains" class="list-group"></ul>
+      </div>
       <div class="fixed-bottom p-4">
         Made with ❤️ by
         <a href="https://www.4geeksacademy.com">4Geeks Academy</a>