import {Result} from './result';
import * as _ from 'lodash';

export class Scoreboard {
  private results: Result[] = [];

  addResult(newResult: Result): void {
    this.results.push(newResult);
    let allCaps: string = _.upperCase(newResult.playerName);
    console.log(`${allCaps} - ${newResult.score}`);
  }

  updateScoreboard(): void {
    let output: string = '<h2>Scoreboard</h2>';

    // Loop over results and create HTML for the scoreboard.
    for (let index = 0; index < this.results.length; index++) {
      let result: Result = this.results[index];
      output += '<h4>';
      output += result.playerName + ': ' + result.score + '/' + result.problemCount + ' for ' + result.factor;
      output += '</h4>';
    }

    // Add the updated scoreboard to the page.
    let scoresElement: HTMLElement = document.getElementById('scores')!;
    scoresElement.innerHTML = output;
  }
}