JavaScript - Split words into letters and save them to an array
<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>