title: JavaScript - Split words into letters and save them to an array
body: <p>I have this code:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
  &lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;title&gt;Bad Grammar Generator&lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;
  
    &lt;input type="text" id="userIn"&gt;
    &lt;input type="button" name="name" id="btn" value="Bad Grammar-ify" onclick="badgrammar()"&gt;
    &lt;span id="output"&gt;&lt;/span&gt;
    &lt;script type="text/javascript"&gt;
      var userIn = document.getElementById("userIn").value;
      function badgrammar() {
        var userIn = document.getElementById("userIn").value;
        var output = document.getElementById("output");
        var split = new Array();
        split = userIn.split(" ");
        output.innerText = split;
      }
    &lt;/script&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>It works, but it splits user input into one word. How can I make it split user input down to the letter?</p>
  
  <p>Example:</p>
  
  <p>Input: <code>Hi there</code>
  Output: <code>H,i,t,h,e,r,e</code></p>