title: Log box with text input
body: <p>I am trying to create a log box with a text input and a submit button. I can get it to display entered text with </p>
  
  <pre><code>var test = function() {
  var test1 = document.getElementById('input');
  var totalTest = test1.value;
  document.getElementById('log').innerHTML += totalTest; 
  };
  </code></pre>
  
  <p>But I cant get it to respond to it. I want to keep asking questions and all answers come from one input box. I am very new still to JavaScript, and would love anyone's help.
  Here is all I have so far. JAVASCRIPT:</p>
  
  <pre><code>var playerInput = function () {
  var pInput = document.getElementById('input');
  var input = pInput.value;
  };
  
  var playerNum = function () { //Choice between Single and Multiplayer
       document.getElementById('log').innerHTML = "Would you like to play singleplayer or    multiplayer?";
  oneOrTwo(input);
  };
  
  var oneOrTwo = function (input) {
      var playerAmount = input;
      if (playerAmount == "singleplayer") {
          //singlePlay();
      } else {
          document.getElementById('log').innerHTML = "Multiplayer is coming soon";
          //multiPlay();
      }
  };
  </code></pre>
  
  <p>HTML:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
      &lt;head&gt;
          &lt;title&gt; Rock Paper Scissors, with Single and Multiplayer! &lt;/title&gt;
          &lt;link rel='stylesheet' href='style.css'/&gt;
      &lt;script src='script.js'&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;div id="logHeader"&gt;
          &lt;h1 style="font-size: 20px; font-family: calibri;"&gt; Rock, Paper, Scissors &lt;/h1&gt;
      &lt;/div&gt;
      &lt;div id="log"&gt;&lt;/div&gt;
      &lt;br &gt;
      &lt;input id="input" type="text" onFocus="if(this.value=='Type here') this.value='';" style="border: 2px solid; width: 300px; background-color: lightblue;" value="Type here"&gt;
      &lt;input type="button" value="Enter" onClick="test()"&gt;
      &lt;br &gt;
      &lt;br &gt;
      &lt;input type="button" onclick="playerNum()" value="Start Game"&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>