Simple JavaScript. Why doesn't it work? : short and simple. yet it does not work, which makes me sad and angry. :(

<!-- begin snippet: js hide: false console: true babel: false -->

<!-- language: lang-js -->

    window.onload = function() {
      var textonaut = {
        text: '',
        letters: []
      };
      textonaut.text = document.getElementById('textonaut-text').value;
      var go = document.getElementById('go-button');
      go.addEventListener('click', function(e) {
        e.preventDefault();
        textonaut.letters = textonaut.text.split('');
        for(var i = 0; i < textonaut.letters.length; i++) {
          console.log(textonaut.letters[i]);
        };
      });
    }

<!-- language: lang-html -->

    <input id="textonaut-text" type="text"><button id="go-button">go</button>

<!-- end snippet -->
