title: use variable instead of string in createTextNode()
body: <p>I am trying to add another li to a ul via Javascript. I want the li to have dynamic content depending on an existing variable. I can get it to append a li using a string no problem. Only when I use a variable things go wrong</p>
  <pre><code>//Adding to List
  listOfPlayers.style.display = &quot;block&quot;;
  var node = document.createElement(&quot;LI&quot;);
  var textnode = document.createTextNode(playerInput.value);
  node.appendChild(textnode);
  listOfPlayersNumerated.appendChild(node);
  </code></pre>
  <p>The problem lays with:</p>
  <pre><code>var textnode = document.createTextNode(playerInput.value);
  </code></pre>
  <p>I have tried a literal string (as seen below) and it worked not problem</p>
  <pre><code>var textnode = document.createTextNode(&quot;New Player&quot;);
  </code></pre>