title: User Input to change what twitch channel is displayed?
body: <p>I'm not the best coder when it comes to doing something like this so I am asking for help, I've tried searching and couldn't find a solution that worked so sorry if this is really basic or not possible at all.</p>
  
  <p>I have a simple page that loads up twitch with a predefined channel and that channel can only be changed if you manually input the channel name into the code. The channel name is defined where it says "channelnamegoeshere" - if I changed that to channel123 it would load the twitch stream for that channel.</p>
  
  <pre><code> &lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;&lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8"&gt;
      &lt;title&gt;Twitch Cinema&lt;/title&gt;
  &lt;/head&gt;
  &lt;body style="background-color: black"&gt;
  
  &lt;script src= "http://player.twitch.tv/js/embed/v1.js"&gt;&lt;/script&gt;
  &lt;div align="center" id="{PLAYER_DIV_ID}"&gt;&lt;/div&gt;
  &lt;script type="text/javascript"&gt;
              var options = {
                  width: 1600,
                  height: 900,
                  channel: "{channelnamegoeshere}",
                  //video: "{VIDEO_ID}"
              };
              var player = new Twitch.Player("{PLAYER_DIV_ID}", options);
              player.setVolume(0.5);
          &lt;/script&gt;&lt;!-- &lt;div align="center"&gt;
          &lt;iframe frameborder="0" 
              scrolling="no" 
              id="chat_embed" 
              src="http://www.twitch.tv/esgtour/chat" 
              height="350" 
              width="1600"&gt;
          &lt;/iframe&gt;
          &lt;/div&gt;--&gt;&lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Now, what I would like help with, is if it is possible to have it so that when the page loads the user is prompted for input to which they type in the channel name and it then proceeds to load that channel instead.</p>
  
  <p>Thanks in advance.</p>