function translateForDisplay(word) {
  var node = document.createElement('span');

  // Punctuation blows. Get all the punctuation at the start and end of the word.
  let firstSymbol = '';
  let lastSymbol = '';

  while (SYMBOLS.indexOf(word[0]) != -1) {
    firstSymbol += word[0];
    word = word.slice(1, word.length);
  }
  while (SYMBOLS.indexOf(word[word.length - 1]) != -1) {
    lastSymbol += word[word.length - 1];
    word = word.slice(0, word.length - 1);
  }

  // If it's already an emoji, return it.
  var emoji = getAllEmojiForWord(word);
  if (emoji === '')
    emoji = [word];

  var node;
  if (emoji.length === 1) {
    node = document.createElement('span');
    node.innerHTML = firstSymbol + emoji + lastSymbol + ' ';
  } else {
    node = document.createElement('select');
    for (var i = 0; i < emoji.length; i++) {
      var option = document.createElement('option');
      option.textContent = firstSymbol + emoji[i] + lastSymbol + ' ';
      node.appendChild(option);
    }
  }
  return node;
}
Returns a displayable, possibly translated english word to emoji.
This will either be:
 - a span containing the word if it cannot be translated
 - a span containing an emoji if only one translation exists
 - a span containing a <select> with all the translations if multiple exist
@param {String} word The word to be translated
@returns {HTMLElement} A <span> or <select> element as above.