CHECKERBOARD WITH JAVASCRIPT

Consider this table layout:

This little checkboard pattern was accomplished with the following lines of code:

<table cellspacing=0 cellpadding=0>
<script language=javascript>
  for(i=0; i<10; i++){
    if(i%2 == 0){
      document.write("<td><img src=purple.jpg width=10 height=10></td>");
    }
    else{
      document.write("<td><img src=white.jpg width=10 height=10></td>");
    }
  }
  document.write("<tr>");
  for(i=0; i<10; i++){
    if(i%2 == 1){
      document.write("<td><img src=purple.jpg width=10 height=10></td>");
    }
    else{
      document.write("<td><img src=white.jpg width=10 height=10></td>");
    }
  }
  document.write("<tr>");
  for(i=0; i<10; i++){
    if(i%2 == 0){
      document.write("<td><img src=purple.jpg width=10 height=10></td>");
    }
    else{
      document.write("<td><img src=white.jpg width=10 height=10></td>");
    }
  }
  document.write("<tr>");
  for(i=0; i<10; i++){
    if(i%2 == 1){
      document.write("<td><img src=purple.jpg width=10 height=10></td>");
    }
    else{
      document.write("<td><img src=white.jpg width=10 height=10></td>");
    }
  }
  document.write("<tr>");
  for(i=0; i<10; i++){
    if(i%2 == 0){
      document.write("<td><img src=purple.jpg width=10 height=10></td>");
    }
    else{
      document.write("<td><img src=white.jpg width=10 height=10></td>");
    }
  }
  document.write("<tr>");
  for(i=0; i<10; i++){
    if(i%2 == 1){
      document.write("<td><img src=purple.jpg width=10 height=10></td>");
    }
    else{
      document.write("<td><img src=white.jpg width=10 height=10></td>");
    }
  }
  document.write("<tr>");
  for(i=0; i<10; i++){
    if(i%2 == 0){
      document.write("<td><img src=purple.jpg width=10 height=10></td>");
    }
    else{
      document.write("<td><img src=white.jpg width=10 height=10></td>");
    }
  }
  document.write("<tr>");
  for(i=0; i<10; i++){
    if(i%2 == 1){
      document.write("<td><img src=purple.jpg width=10 height=10></td>");
    }
    else{
      document.write("<td><img src=white.jpg width=10 height=10></td>");
    }
  }
  document.write("<tr>");
  for(i=0; i<10; i++){
    if(i%2 == 0){
      document.write("<td><img src=purple.jpg width=10 height=10></td>");
    }
    else{
      document.write("<td><img src=white.jpg width=10 height=10></td>");
    }
  }
  document.write("<tr>");
  for(i=0; i<10; i++){
    if(i%2 == 1){
      document.write("<td><img src=purple.jpg width=10 height=10></td>");
    }
    else{
      document.write("<td><img src=white.jpg width=10 height=10></td>");
    }
  }
  document.write("<tr>");
</script>    
</table>

Alternately you could do something like this:

ASSIGNMENT:

You will use this technique to produce a four color checkboard pattern. Your checkerboard should be a 19x19 cell table.

NOTE: 0%4 = 0, 1%4 = 1, 2%4 = 2, 3%4 = 3, 4%4 = 0, etc.