Function displaySimulation

data-generator/ui.js:105–139

(sample, featuresAndLabel)

 *     sample, suitable to feed into the model.
 */
export function displaySimulation(sample, featuresAndLabel) {
  const player1Row = document.getElementById('player1-row');
  player1Row.innerHTML = '';
  // Player 1 simulation cells.
  for (let i = 0; i < game.GAME_STATE.num_cards_per_hand; i++) {
    const newDiv = document.createElement('div');
    newDiv.className = 'divTableCell';
    newDiv.innerText = sample.player1Hand[i];
    player1Row.appendChild(newDiv);
  }

  const player2Row = document.getElementById('player2-row');
  player2Row.innerHTML = '';
  // Player 2 simulation cells.
  for (let i = 0; i < game.GAME_STATE.num_cards_per_hand; i++) {
    const newDiv = document.createElement('div');
    newDiv.className = 'divTableCell';
    newDiv.innerText = sample.player2Hand[i];
    player2Row.appendChild(newDiv);
  }

  const resultRow = document.getElementById('result-row');
  resultRow.innerHTML = '';
  // Result row.
  const newDiv = document.createElement('div');
  newDiv.className = 'divTableCell';
  newDiv.innerText = sample.player1Win;
  resultRow.appendChild(newDiv);

  const features = featuresAndLabel.features.dataSync();
  const label = featuresAndLabel.label.dataSync();
  document.getElementById('sim-features').innerText =
      JSON.stringify(featuresAndLabelsToPrettyString(features));
  document.getElementById('sim-label').innerText = label;
};

/**
 * Creates an HTML table, using div elements, to display the generated sample