title: Adding items to a list when a button is pressed in Javascript
body: <p>I am creating a page that has an unordered list of items with the id "faves", a text box with the id "add", and a button with the id "btnAdd". By default the list contains 3 items, but the user is supposed to be able to enter text into the text box, click the button, and whatever they typed into the text box should be added to the list. I can't seem to figure out how to get the text entered to display in the list when the button is clicked. </p>
  
  <p>Here is my HTML, this also includes the CSS and Javascript:</p>
  
  <pre><code>&lt;html&gt;
      &lt;head&gt;
          &lt;title&gt;Project 1 Tanner Taylor&lt;/title&gt;
          &lt;h1&gt;Project 1 Tanner Taylor&lt;/title&gt;
          &lt;style type="text/css"&gt;
              #clickMe {
                  background-color: blue;
                  border: 2px double black;
                  font-size: larger;
              }
              @media (max-width: 299px) {
                  #faves {
                      color: red;
                  }
              }
              @media (max-width: 500px) and (min-width: 300px) {
                  #faves {
                      color: blue;
                  }
              }
              @media (min-width: 501px) {
                  #faves {
                      display: none;
                  }
              }
          &lt;/style&gt;
          &lt;script type = "text/javascript"&gt;
              function clickMe() {
                  document.getElementById("clickMe").innerHTML="Ouch!";
              }
          &lt;/script&gt;
  
      &lt;/head&gt;
      &lt;body&gt;
          &lt;div id="clickMe" onclick="clickMe()"&gt;
              Click Me!
          &lt;/div&gt;
          &lt;div&gt;
          &lt;ul id="faves"&gt;
              &lt;li&gt;Video Games&lt;/li&gt;
              &lt;li&gt;Food&lt;/li&gt;
              &lt;li&gt;Sleeping&lt;/li&gt;
          &lt;/ul&gt;
          &lt;input type="text" id="add" size ="50"/&gt;
          &lt;input type="button" id="btnAdd" value="Add" onclick=/&gt;
          &lt;/div&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Would anybody be willing to point me in the right direction?</p>