Javascript-форум - Калькулятор 10х10

Javascript-форум (https://javascript.ru/forum/)

- Общие вопросы Javascript (https://javascript.ru/forum/misc/)

- - Калькулятор 10х10 (https://javascript.ru/forum/misc/42309-kalkulyator-10kh10.html)

Калькулятор 10х10

То, что есть:
Код:

<html>
<head>
</head>
<body onLoad="
var col=10;
row=10;
document.write('<h2 align=center>Таблица умножения</h2>');
document.write('<table  align=center border=1>')
for (i=1; i<=row; i++) {
document.write('<tr>');
for (j=1; j<=col; j++) {
document.write('<td>'+(i*j)+'</td>');
}
document.write('</tr>');
}
document.write('</table>');">
</body>
</html>

Вид:

То, что должно быть:

P.s.
Если есть возможность - напишите правильный код. Если есть еще и время - скинь пару-тройку ссылок на статьи, где можно прочитать, как написать правильный код.
Заранее спасибо.

troublemaker,

Цитата:

Сообщение от troublemaker

document.write

неиспользуйте это пока ненаучитесь программировать и особенно не вставляйте это в

Цитата:

Сообщение от troublemaker

onLoad

когда научитесь document.write вам тоже редко где понадобится.
читайте учебник

<!DOCTYPE HTML>
<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  .bl{background:#BFDEFF;color:#000}
  .al{background:#00C;color:#FFF}
  </style>
</head>
<body>
<script>
var col = 10,
    row = 10,
    html = "",
    html = html + "<h2 align=center>Таблица умножения</h2>",
    html = html + "<table align=center border=1>";
for (i = 0; i <= row; i++) {
    html += "<tr>";
    for (j = 0; j <= col; j++) {var cl = i && j ? i * j % 2 ? "" : "bl" : "al";
    html += "<td class=" + cl + " >" + (i || j ? (i || 1) * (j || 1) : "") + "</td>";}
    html += "</tr>"
}
var html = html + "</table>",
    div = document.createElement("div");
div.innerHTML = html;
document.body.appendChild(div);
</script>
</body>
</html>

рони,
К сожалению, данные идут к учебной лабе ( то есть их нужно неким образом сохранить и минимально изменить), преподаватель намекала на то, что нужно добавить условие.
То, что Вы кинули, не открывается(

Цитата:

Сообщение от troublemaker

То, что Вы кинули, не открывается(

откройте ещё раз (менял высоту окна для примера) и пробуйте решить самостоятельно мой пример просто для медитации)))

Цитата:

Сообщение от troublemaker

преподаватель намекала

тащите преподавателя на http://learn.javascript.ru/
Такому учить нельзя!

рони,
Спасибо большое, буду код теперь разбирать, чтобы все осознать :)
BETEPAH,
Она меня съест) А за ссылочку спасибо, по чуть-чуть буду изучать)