Set font color with form control : font « Style « JavaScript Tutorial

<html>
<head>
  <script type="text/javascript">
    function showWindow() {
      var txt = document.form1.stringField.value;
      var clr = "";

      clr = document.form1.colorList.options[document.form1.colorList.options.selectedIndex].text;
      txt = txt.fontcolor(clr);

      objWindow = window.open("", "","width=600,height=300");
      objWindow.document.write(txt);
      objWindow.document.close();
  }
  </script>
</head>
<body>
  <form method="post" name="form1" action="null">
      String:<input type="text" size="40" maxlength="256" name="stringField" />
      Color:
      <select name="colorList" size="1">
        <option selected="selected">black</option>
        <option>green</option>
        <option>red</option>
      </select>
    <input type="button" name="Show" value="Show" onclick="showWindow()" />
  </form>
</body>
</html>

22.17.font
	22.17.1.	div.style.fontFamily="Verdana";
	22.17.2.	div.style.fontSize="2em";
	22.17.3.	div.style.fontSize="larger";
	22.17.4.	div.style.fontWeight="900";
	22.17.5.	Set font size with form control
	22.17.6.	Set font color with form control