Proyectos (DIA 1 - 13)

Realizados gracias al curso "JAVASCRIPT TOTAL"

proyecto-dia-10/script.js

@@ -0,0 +1,62 @@
+class Animal {
+    constructor(nombre, peso, edad) {
+        this.nombre = nombre;
+        this.peso = peso;
+        this.edad = edad;
+    }
+
+    informacion() {
+        return `${this.nombre} - ${this.peso} kg. - ${this.edad} años.`
+    }
+}
+
+class Perro extends Animal {
+    constructor(nombre, peso, edad, raza) {
+        super(nombre, edad, peso);
+        this.raza = raza;
+    }
+
+    informacion() {
+        return `${this.nombre} - ${this.peso} kg. - ${this.edad} años. - ${this.raza}`
+    }
+}
+
+class Gato extends Animal {
+    constructor(nombre, peso, edad, sexo) {
+        super(nombre, edad, peso);
+        this.sexo = sexo;
+    }
+
+    informacion() {
+        return `${this.nombre} - ${this.peso} kg. - ${this.edad} años. - ${this.sexo}`
+    }
+}
+
+class Conejo extends Animal {
+    constructor(nombre, peso, edad, color) {
+        super(nombre, edad, peso);
+        this.color = color;
+    }
+
+    informacion() {
+        return `${this.nombre} - ${this.peso} kg. - ${this.edad} años. - ${this.color}`
+    }
+}
+
+let perro1 = new Perro('Simba', 11, 4, 'Shih Tzu');
+let gato1 = new Gato('Ringo', 4, 6, 'Macho');
+let conejo1 = new Conejo('Dumbo', 2, 3,'Blanco');
+let animales = [perro1, gato1, conejo1];
+
+function mostrarAnimales() {
+    let lista = document.getElementById('listaAnimales');
+
+
+    lista.innerHTML = '';
+
+    for(let animal of animales) {
+        let item = document.createElement('li');
+        item.innerText = animal.informacion();
+        lista.appendChild(item);
+    }
+}