ES6 - declaración de clases

PROBLEMA

  1. Confeccionar una clase que permita administrar el nombre y la edad de una persona. Mostrar los datos cargados. Imprimir un mensaje si es mayor de edad (edad>=18)
  2. Plantear una clase ListaOrdenada. En el constructor definir un atributo de tipo vector vacío.
    Luego definir dos métodos, uno que permita agregar elementos a la lista y otro que lo muestre en la página.
Solución
Problema 1.


<!DOCTYPE html>
<html>

<head>
    <title>Ejemplo de JavaScript</title>
    <meta charset="UTF-8">
</head>

<body>

    <script>
        class Persona {
            constructor(nombre, edad) {
                this.nombre = nombre;
                this.edad = edad;
            }

            imprimir() {
                document.write(`Nombre: ${this.nombre}<br>`);
                document.write(`Edad: ${this.edad}<br>`);
            }

            esMayorEdad() {
                document.write(this.nombre);
                if (this.edad >= 18)
                    document.write(" es mayor de edad");
                else
                    document.write(" no es mayor de edad");
            }
        }



        const persona1 = new Persona('Juan', 14);
        persona1.imprimir();
        persona1.esMayorEdad();
    </script>

</body>

</html>



Problema 2.


<!DOCTYPE html>
<html>

<head>
    <title>Ejemplo de JavaScript</title>
    <meta charset="UTF-8">
</head>

<body>

    <script>
        class ListaOrdenada {
            constructor() {
                this.opciones = [];
            }

            agregar(elemento) {
                this.opciones.push(elemento);
            }

            imprimir() {
                let lista = '<ol>';
                for (let x = 0; x < this.opciones.length; x++)
                    lista += `<li>${this.opciones[x]}</li>`;
                lista += '</ol>';
                document.write(lista);
            }
        }

        const lista1 = new ListaOrdenada();
        lista1.agregar('Opcion a');
        lista1.agregar('Opcion b');
        lista1.agregar('Opcion c');
        lista1.agregar('Opcion d');
        lista1.imprimir();
    </script>

</body>

</html>


Retornar al menu