title: Need to combine array elements to match id's needed to print into table cells
body: <p>What I have is a table coded in HTML that has 10 rows and 10 columns, and each cell has it's own ID: </p>
  
  <pre><code>&lt;table id="ch4"&gt;
  &lt;caption&gt;
       Multiplication Table
  &lt;/caption&gt;
  &lt;tbody&gt;
      &lt;tr&gt;
          &lt;th scope="col"&gt;*&lt;/th&gt;
          &lt;th scope="col"&gt;1&lt;/th&gt;
          &lt;th scope="col"&gt;2&lt;/th&gt;
          &lt;th scope="col"&gt;3&lt;/th&gt;
          &lt;th scope="col"&gt;4&lt;/th&gt;
          &lt;th scope="col"&gt;5&lt;/th&gt;
          &lt;th scope="col"&gt;6&lt;/th&gt;
          &lt;th scope="col"&gt;7&lt;/th&gt;
          &lt;th scope="col"&gt;8&lt;/th&gt;
          &lt;th scope="col"&gt;9&lt;/th&gt;
          &lt;th scope="col"&gt;10&lt;/th&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
  
          &lt;th scope="row"&gt;1&lt;/th&gt;
          &lt;td id="oneX1"&gt;&amp;nbsp;&lt;/td&gt;
          &lt;td id="oneX2"&gt;&amp;nbsp;&lt;/td&gt;
          &lt;td id="oneX3"&gt;&amp;nbsp;&lt;/td&gt;
          &lt;td id="oneX4"&gt;&amp;nbsp;&lt;/td&gt;
          &lt;td id="oneX5"&gt;&amp;nbsp;&lt;/td&gt;
          &lt;td id="oneX6"&gt;&amp;nbsp;&lt;/td&gt;
          &lt;td id="oneX7"&gt;&amp;nbsp;&lt;/td&gt;
          &lt;td id="oneX8"&gt;&amp;nbsp;&lt;/td&gt;
          &lt;td id="oneX9"&gt;&amp;nbsp;&lt;/td&gt;
          &lt;td id="oneX10"&gt;&amp;nbsp;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;th scope="row"&gt;2&lt;/th&gt;
          &lt;td id="twoX1"&gt;&amp;nbsp;&lt;/td&gt;
          &lt;td id="twoX2"&gt;&amp;nbsp;&lt;/td&gt;
          &lt;td id="twoX3"&gt;&amp;nbsp;&lt;/td&gt;
          &lt;td id="twoX4"&gt;&amp;nbsp;&lt;/td&gt;
          &lt;td id="twoX5"&gt;&amp;nbsp;&lt;/td&gt;
          &lt;td id="twoX6"&gt;&amp;nbsp;&lt;/td&gt;
          &lt;td id="twoX7"&gt;&amp;nbsp;&lt;/td&gt;
          &lt;td id="twoX8"&gt;&amp;nbsp;&lt;/td&gt;
          &lt;td id="twoX9"&gt;&amp;nbsp;&lt;/td&gt;
          &lt;td id="twoX10"&gt;&amp;nbsp;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;th scope="row"&gt;3&lt;/th&gt;
          &lt;td id="threeX1"&gt;&amp;nbsp;&lt;/td&gt;
          &lt;td id="threeX2"&gt;&amp;nbsp;&lt;/td&gt;
          &lt;td id="threeX3"&gt;&amp;nbsp;&lt;/td&gt;
          &lt;td id="threeX4"&gt;&amp;nbsp;&lt;/td&gt;
          &lt;td id="threeX5"&gt;&amp;nbsp;&lt;/td&gt;
          &lt;td id="threeX6"&gt;&amp;nbsp;&lt;/td&gt;
          &lt;td id="threeX7"&gt;&amp;nbsp;&lt;/td&gt;
          &lt;td id="threeX8"&gt;&amp;nbsp;&lt;/td&gt;
          &lt;td id="threeX9"&gt;&amp;nbsp;&lt;/td&gt;
          &lt;td id="threeX10"&gt;&amp;nbsp;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;th scope="row"&gt;4&lt;/th&gt;
          &lt;td id="fourX1"&gt;&amp;nbsp;&lt;/td&gt;
          &lt;td id="fourX2"&gt;&amp;nbsp;&lt;/td&gt;
          &lt;td id="fourX3"&gt;&amp;nbsp;&lt;/td&gt;
          &lt;td id="fourX4"&gt;&amp;nbsp;&lt;/td&gt;
          &lt;td id="fourX5"&gt;&amp;nbsp;&lt;/td&gt;
          &lt;td id="fourX6"&gt;&amp;nbsp;&lt;/td&gt;
          &lt;td id="fourX7"&gt;&amp;nbsp;&lt;/td&gt;
          &lt;td id="fourX8"&gt;&amp;nbsp;&lt;/td&gt;
          &lt;td id="fourX9"&gt;&amp;nbsp;&lt;/td&gt;
          &lt;td id="fourX10"&gt;&amp;nbsp;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;th scope="row"&gt;5&lt;/th&gt;
          &lt;td id="fiveX1"&gt;&amp;nbsp;&lt;/td&gt;
          &lt;td id="fiveX2"&gt;&amp;nbsp;&lt;/td&gt;
          &lt;td id="fiveX3"&gt;&amp;nbsp;&lt;/td&gt;
          &lt;td id="fiveX4"&gt;&amp;nbsp;&lt;/td&gt;
          &lt;td id="fiveX5"&gt;&amp;nbsp;&lt;/td&gt;
          &lt;td id="fiveX6"&gt;&amp;nbsp;&lt;/td&gt;
          &lt;td id="fiveX7"&gt;&amp;nbsp;&lt;/td&gt;
          &lt;td id="fiveX8"&gt;&amp;nbsp;&lt;/td&gt;
          &lt;td id="fiveX9"&gt;&amp;nbsp;&lt;/td&gt;
          &lt;td id="fiveX10"&gt;&amp;nbsp;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;th scope="row"&gt;6&lt;/th&gt;
          &lt;td id="sixX1"&gt;&amp;nbsp;&lt;/td&gt;
          &lt;td id="sixX2"&gt;&amp;nbsp;&lt;/td&gt;
          &lt;td id="sixX3"&gt;&amp;nbsp;&lt;/td&gt;
          &lt;td id="sixX4"&gt;&amp;nbsp;&lt;/td&gt;
          &lt;td id="sixX5"&gt;&amp;nbsp;&lt;/td&gt;
          &lt;td id="sixX6"&gt;&amp;nbsp;&lt;/td&gt;
          &lt;td id="sixX7"&gt;&amp;nbsp;&lt;/td&gt;
          &lt;td id="sixX8"&gt;&amp;nbsp;&lt;/td&gt;
          &lt;td id="sixX9"&gt;&amp;nbsp;&lt;/td&gt;
          &lt;td id="sixX10"&gt;&amp;nbsp;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;th scope="row"&gt;7&lt;/th&gt;
          &lt;td id="sevenX1"&gt;&amp;nbsp;&lt;/td&gt;
          &lt;td id="sevenX2"&gt;&amp;nbsp;&lt;/td&gt;
          &lt;td id="sevenX3"&gt;&amp;nbsp;&lt;/td&gt;
          &lt;td id="sevenX4"&gt;&amp;nbsp;&lt;/td&gt;
          &lt;td id="sevenX5"&gt;&amp;nbsp;&lt;/td&gt;
          &lt;td id="sevenX6"&gt;&amp;nbsp;&lt;/td&gt;
          &lt;td id="sevenX7"&gt;&amp;nbsp;&lt;/td&gt;
          &lt;td id="sevenX8"&gt;&amp;nbsp;&lt;/td&gt;
          &lt;td id="sevenX9"&gt;&amp;nbsp;&lt;/td&gt;
          &lt;td id="sevenX10"&gt;&amp;nbsp;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;th scope="row"&gt;8&lt;/th&gt;
          &lt;td id="eightX1"&gt;&amp;nbsp;&lt;/td&gt;
          &lt;td id="eightX2"&gt;&amp;nbsp;&lt;/td&gt;
          &lt;td id="eightX3"&gt;&amp;nbsp;&lt;/td&gt;
          &lt;td id="eightX4"&gt;&amp;nbsp;&lt;/td&gt;
          &lt;td id="eightX5"&gt;&amp;nbsp;&lt;/td&gt;
          &lt;td id="eightX6"&gt;&amp;nbsp;&lt;/td&gt;
          &lt;td id="eightX7"&gt;&amp;nbsp;&lt;/td&gt;
          &lt;td id="eightX8"&gt;&amp;nbsp;&lt;/td&gt;
          &lt;td id="eightX9"&gt;&amp;nbsp;&lt;/td&gt;
          &lt;td id="eightX10"&gt;&amp;nbsp;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;th scope="row"&gt;9&lt;/th&gt;
          &lt;td id="nineX1"&gt;&amp;nbsp;&lt;/td&gt;
          &lt;td id="nineX2"&gt;&amp;nbsp;&lt;/td&gt;
          &lt;td id="nineX3"&gt;&amp;nbsp;&lt;/td&gt;
          &lt;td id="nineX4"&gt;&amp;nbsp;&lt;/td&gt;
          &lt;td id="nineX5"&gt;&amp;nbsp;&lt;/td&gt;
          &lt;td id="nineX6"&gt;&amp;nbsp;&lt;/td&gt;
          &lt;td id="nineX7"&gt;&amp;nbsp;&lt;/td&gt;
          &lt;td id="nineX8"&gt;&amp;nbsp;&lt;/td&gt;
          &lt;td id="nineX9"&gt;&amp;nbsp;&lt;/td&gt;
          &lt;td id="nineX10"&gt;&amp;nbsp;&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;th scope="row"&gt;10&lt;/th&gt;
          &lt;td id="tenX1"&gt;&amp;nbsp;&lt;/td&gt;
          &lt;td id="tenX2"&gt;&amp;nbsp;&lt;/td&gt;
          &lt;td id="tenX3"&gt;&amp;nbsp;&lt;/td&gt;
          &lt;td id="tenX4"&gt;&amp;nbsp;&lt;/td&gt;
          &lt;td id="tenX5"&gt;&amp;nbsp;&lt;/td&gt;
          &lt;td id="tenX6"&gt;&amp;nbsp;&lt;/td&gt;
          &lt;td id="tenX7"&gt;&amp;nbsp;&lt;/td&gt;
          &lt;td id="tenX8"&gt;&amp;nbsp;&lt;/td&gt;
          &lt;td id="tenX9"&gt;&amp;nbsp;&lt;/td&gt;
          &lt;td id="tenX10"&gt;&amp;nbsp;&lt;/td&gt;
      &lt;/tr&gt;
  
  &lt;/table&gt; 
  </code></pre>
  
  <p>I also have very basic multiplication nested for loops: </p>
  
  <pre><code>    for(var i=1; i &lt;=10 ; i++){
  
      for(var j=1; j&lt;=10; j++){
  
          document.writeln(i * j);
  
      }
  
  }
  </code></pre>
  
  <p>I know it's not correct for my application, but you got to start somewhere.</p>
  
  <p>Essentially what I need to do is put the output from this loop, into the corresponding table cells, to get an outcome that looks something like this:</p>
  
  <pre><code>    x  1  2  3  4  5  6  7  8  9  10
      1  1  2  3  4  5  6  7  8  9  10
      2  2  4  6  8  10 12 14 16 18 20
      3  3  6  9  12 15 18 21 24 27 30
      4  4  8  12 16 20 24 28 32 36 40
      5  5  10 15 20 25 30 35 40 45 50
      6  6  12 18 24 30 36 42 48 54 60
      7  7  14 21 28 35 42 49 56 63 70
      8  8  16 34 32 40 48 56 64 72 80
      9  9  18 27 36 45 54 63 72 81 90
      10 10 20 30 40 50 60 70 80 90 100  
  </code></pre>
  
  <p>One of the issues I'm having is that to obtain all of the table cell id's in the script, I have to combine two arrays to match the id's.</p>
  
  <pre><code>    var rowID = ['zeroX', 'oneX', 'twoX', 'threeX', 'fourX', 'fiveX', 'sixX', 'sevenX', 'eightX', 'nineX', 'tenX'];
      var colID = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', '10'];
      var combID = " ";
  </code></pre>
  
  <p>And I'm confused as how to do so. I'm new Javascript and haven't really ever touched it until now. Should I loop the arrays? I don't know.</p>