purificació de funcions

by xxjcaxx

HTML

<div id="container"></div>

JavaScript

let naves = [
  {
    nombre: 'Millennium Falcon',
    modelo: 'YT-1300',
    capacidadCarga: 100000,
    velocidadMaxima: 1050
  },
  {
    nombre: 'X-Wing',
    modelo: 'T-65',
    capacidadCarga: 110,
    velocidadMaxima: 1050
  },
  {
    nombre: 'Star Destroyer',
    modelo: 'Imperial-class',
    capacidadCarga: 36000000,
    velocidadMaxima: 975
  },
  {
    nombre: 'Death Star',
    modelo: 'DS-1',
    capacidadCarga: 1000000000000,
    velocidadMaxima: 10
  }
];

let longitudNaves = 4;
let i = 0;

function renderNaves() {
	let data = new Date;
  naves.sort((a,b) => a.velocidadMaxima > b.velocidadMaxima ? 1 : -1)
  for (i; i<longitudNaves; i++){
    naves[i] = `<div> ${data} Nombre: ${naves[i].nombre} Modelo:  ${naves[i].modelo} Capacidad:  ${naves[i].capacidadCarga} Velocidad:  ${naves[i].velocidadMaxima} </div>`;
  }

  for (i=0; i<longitudNaves; i++){
    document.querySelector('#container').innerHTML += naves[i];
  }
}


renderNaves();

function estilizaNaves() {
	 for (i=0; i<longitudNaves; i++){
    document.querySelector('#container').childNodes.forEach(divNaves => divNaves.style.border = '1px solid #eee');
     document.querySelector('#container').childNodes.forEach(divNaves => divNaves.style.padding = '5px');
  }
}

estilizaNaves();

// Aquest codi té molt problemes de purificació de funcions i altres més bàsics. Purifica les funcions i soluciona els problemes