Display Data into The Console

app.js

//Player Register Class

class Player {
  constructor(firstname, lastname, residence, position, country, jerseynumber) {
    this.firstname = firstname;
    this.lastname = lastname;
    this.residence = residence;
    this.position = position;
    this.country = country;
    this.jerseynumber = jerseynumber;
  }
}

//Register a New Player

document.querySelector('#player-form').addEventListener('submit', e => {
  //Prevent Default Submission
  e.preventDefault();

  //Get The Values of The Form
  const firstname = document.querySelector('#firstname').value;
  const lastname = document.querySelector('#lastname').value;
  const residence = document.querySelector('#residence').value;
  const position = document.querySelector('#position').value;
  const country = document.querySelector('#country').value;
  const jerseynumber = document.querySelector('#jersey').value;

  //Instantiate Player Register Class

  const player = new Player(
    firstname,
    lastname,
    residence,
    position,
    country,
    jerseynumber
  );
  console.log(player);
});