title: Times table JavaScript n00b
body: <p>I seem to have everything I need for the what I am trying to do. However, I can't seem to get it display how I want it to display.</p>
  
  <pre><code>&lt;!DOCTYPE HTML&gt;
  &lt;html lang="en-us"&gt;
  &lt;head&gt;
      &lt;meta charset="utf-8"&gt;
      &lt;title&gt;5 Times Table&lt;/title&gt;
      &lt;script type="text/javascript"&gt;
           /* Program to print the five times table from 1 to 12 in this format:
           5 x 1 = 5
           5 x 2 = 10
           5 x ...
           Input: There will be no user input, program will use a loop to create the 5 times table.
           Process: Define all the 5 times table between 1 and 12.
           Output: The 5 times table will be displayed.
           */
          function fiveTimesTable() {
              var result = 0;
              for (i=1; i&lt;=12; i++){
                   result = "5 * " + i + result + i*5 + "&lt;br&gt;";
              var display =result;
              }
              document.getElementById("outputDiv").innerHTML = display;
              }       
  &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;h1&gt;Five Times Table From 1 - 12.&lt;/h1&gt;
      &lt;h2&gt;Press the button to display the table.&lt;/h2&gt;
      &lt;button type="button" onclick="fiveTimesTable()"&gt;Times Table&lt;/button&gt;
      &lt;div id="outputDiv"&gt;&lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
             ` 
  </code></pre>