p5.md

Practica 5

Índice

• Practica 5
• Índice
  • Explicación
  • Persona.js
    • Clase Persona
      • constructor
      • getNombre
      • setNombre
      • getApellidos
      • setApellidos
    • Funciones
      • updateTable()
      • agregarPersona()
      • eliminarPersona()
  • Index.html

Explicación

Es una práctica que contiene todo lo enseñado del trimestre la cuál tiene la finalidad de usar todo lo aprendido en el Trimestre.

Persona.js

Clase Persona

constructor

constructor(name, lastName){
   this._nombre = name;
   this._apellidos = lastName;
}

Constructor de la Clase Persona, se pasan por parámetros:

• name: Será el nombre del Objeto Persona.
• lastName: Será el apellido del Objeto Persona.
  
  

getNombre

getNombre(){
    return this._nombre;
}

Retorna el Nombre del Objeto de clase Persona.

setNombre

setNombre(name){
    this._nombre = name;
}

Asigna un nuevo nombre al Objeto de Clase Persona.

getApellidos

getApellidos(){
    return this._apellidos;
}

Retorna el valor de los apellidos, del Objeto de Clase Persona.

setApellidos

setApellidos(lastName){
    this._apellidos = lastName;
}

Asigna unos nuevos Apellidos al Objeto de la Clase Persona.

Funciones

updateTable()

function updateTable(){
    let table = document.getElementById('table');

    table.innerHTML = '';

    let table_row = document.createElement('tr');
    table_row.className = 'bg-danger';
    table.appendChild(table_row);

    let table_data_name = document.createElement('th');

    table_row.appendChild(table_data_name);
    table_data_name.innerHTML = 'Nombres';

    let table_data_lastName = document.createElement('th');
    table_row.appendChild(table_data_lastName);
    table_data_lastName.innerHTML = 'Apellidos';

    let table_body = document.createElement('tbody');
    table.appendChild(table_body);

    for(let i = 0; i < football_players.length; i++){
        let table_row = document.createElement('tr');
        table_body.appendChild(table_row);

        let table_data_name = document.createElement('td');
        table_row.appendChild(table_data_name);
        table_data_name.innerHTML = football_players[i].getNombre();

        let table_data_lastName = document.createElement('td');
        table_row.appendChild(table_data_lastName);
        table_data_lastName.innerHTML = football_players[i].getApellidos();
    }
}

Función con la intención de actualizar la tabla con todas las personas dentro del array de Jugadores.

agregarPersona()

function agregarPersona(){
    do{
        var player_name = prompt("Ingresa el Nombre:");
    }while(!player_name);

    do{
        var player_lastName = prompt("Ingresa el Apellido:");
    }while(!player_lastName);

    football_players.push(new Persona(player_name, player_lastName) );

    updateTable();
}

Al agregar una persona, se pregunta por el nombre y el apellido, estos parámetros tienen que tener un valor distinto de nulo y de undefined.

eliminarPersona()

function eliminarPersona(){
    if(football_players.length == 0){
        alert("No hay personas para eliminar");
    } else{
        football_players.pop();
    }

    updateTable();
}

Elimina a la última persona en el array con Objetos de la Clase Persona, si hay uno o más en el array.

Index.html

Página sencilla en la cuál se implementa el código explicado anteriorme. Vista en Página Web