Умножение Таблица перекрестных ссылок

Question

<script type="text/javascript"> 
    document.write("<table border='1' align='center' cellpadding='20'>"); 
    for (j = 1; j <= 10; j++) { 
     var n; 
     document.write('<tr>'); 
     for (i = 1; i <= 10; i++) { 
      if (i == j) { 
       document.write('<td align="right" bgcolor="green">', i * j, '</td>'); 
      } else if (i * j == n + 1) { 
       document.write('<td align="right" bgcolor="blue">', i * j, '</td>'); 
      } 
      else { 
       document.write('<td align="right">', i * j, '</td>'); 
      } 
     } 
     document.write("</tr>"); 
    } 
    document.write("</table>"); 
</script> 

Мой научный учитель по компьютерному классу попросил класс сделать таблицу умножения и выяснить, что нужно сделать, чтобы сделать перекрестные линии и нарисовать их. После этого он попросил нас нарисовать треугольники, которые останутся в таблице умножения после поперечных линий (в разных цветах каждый). Я получил слева направо, если я == j, другой, я думаю, что я тоже, если i * j == n + 1. Но я не знаю, как это добавить.

Answer 1

Я понятия не имею, в чем вопрос, и обычно я не просто доставляю код, но так ли это?

Я взял на себя смелость переименовать вашу переменную и поднять ее. Таким образом, код более самоуправления объяснения после того, как мой взгляд

var start = 1, 
    end = 10, 
    x, y; 

document.write("<table border='1' align='center' cellpadding='0' cellspacing='0'>"); 
for (x = start; x <= end; x++) { 
    document.write('<tr>'); 
    for (y = start; y <= end; y++) { 

     if (x === y) { 
     document.write('<td>&nbsp;</td>'); 
     } 
     else if (start+end - x == y) { 
     document.write('<td>&nbsp;</td>'); 
     } 
     else if (start+end - x > y) { 
     if (x < y) 
      document.write('<td>1</td>'); 
     else 
      document.write("<td>2</td>"); 
     } 
     else { 
     if (x < y) 
      document.write('<td>3</td>'); 
     else 
      document.write("<td>4</td>"); 
     } 

    } 
    document.write("</tr>"); 
} 
document.write("</table>"); 

http://jsbin.com/usesoz/5/edit