<html>
<head>
<title>
-| 16 colors |-
</title>
<script type="text/javascript">
  function lpad_str(str) {
    if (str.length<=9) { str=(str+"    ").slice(-9); }
    return str;
  }
  function lpad(number) {
    if (number<=999) { number = ("00"+number).slice(-3); }
    return number;
  }
  function printstr(item,index) {
    if ((index)%4==0) { document.writeln("<tr>"); }
    document.write('<td>');
    document.write('<font color="'+item+'">'+lpad_str(item) +'</font> ');
    document.write('<td>');
    if ((index+1)%4==0) { document.writeln("</tr>"); }
  }
  function printstrln(item,index) {
    document.writeln('<font color="'+item+'">'+lpad(index)+' This is '+item+'</font>');
  }


function onl()
{

document.writeln('<html><head><title>-| 16 colors |-</title></head><pre>');
  var colors=[
    "white",
    "maroon",
    "green",
    "yellow",
    "blue",
    "magenta",
    "cyan",
    "white",
    "grey",
    "red",
    "lime",
    "olive",
    "teal",
    "purple",
    "fuchsia",
    "aqua",
  ];

  document.write('<table>');
  colors.forEach(printstr);
  document.write('</table>');
  document.writeln('<br>');
  colors.forEach(printstrln);

  document.writeln('');
  document.writeln('<font color="yellow">This is true     : '+true+'</font>');
  document.writeln('<font color="red">and this is false: '+false+'</font>');
  document.writeln('<font color="yellow">',"That's it as ... ","1+1=",2,'</font>');
  document.writeln('</pre></body></html>');
}
</script>
</head>
<body onload="onl()">
</body>
</html>