title: Change table font color Javascript
body: <p>I have this code</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
  &lt;script&gt;
  function jsonchange(id) {
  document.getElementById("cell1").style.backgroundColor = document.getElementById("1").value;
  document.getElementById("cell1").style.Color = document.getElementById("2").value;
  }
  &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;table border="1" cellpadding="1" cellspacing="1" style="width: 99%;"&gt;
  &lt;tbody&gt;
  &lt;tr&gt;
  &lt;td id="cell1"&gt;
  Please select a background color:&lt;input id="1" name="bgc" class="color" onchange="jsonchange('cell1')"&gt;&lt;br&gt;
  Please select a font:&lt;input id="2" name="ftc" class="color" onchange="jsonchange('cell1')"&gt;&lt;br&gt;
  &lt;/td&gt;
  &lt;/tr&gt;
  &lt;/tbody&gt;
  &lt;/table&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>The background color changes fine. I cannot figure out why the font color will not change.</p>
  
  <p>I have looked up the javascript document.getElementById for font color and it is ".style.color" How would i get the font color to change?</p>
  
  <p>I have created two separate functions as well to try to accomplish this however it had the same effect.</p>