proyectos-curso-javascript/proyecto-dia-10/script.js

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);
    }
}