Таблица рандомных цветов

делаю проект для колледжа, есть задача:

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

Вот сам код таблицы умножения:

<html>
<body>
<table>
<script language="JavaScript">
document.write("<tr><td> </td>");
for(i=1;i<10;i++)
document.write("<td>"+i+" </td>");
document.write("</tr>");
for (i = 1; i < 10; i++)
{
document.write("<tr><td>" + i + " </td>");
for (j = 1; j < 10; j++)
{
document.write("<td bgcolor='#00ffa0'>" +
(i*j) + " </td>");
}
document.write("</tr>");
}
</script>
</table>
</body>
</html>

Пробовал сделать так, не работает:

<!DOCTYPE html>
<html>
<body>
    <table>
        <script language = "JavaScript">
            document.write("<tr><td> </td>");
            for(i =1; i<10; i++)
            {
                color = Math.round(255.0*Math.random());
                r = color.toString(16);
                g = color.toString(16);
                b = color.toString(16);
                color = r+g+b;
                document.write("<td bgcolor=\"${color}\">");
            }
        </script>
    </table>
</body>
</html>

Выводит

..........

Еще указан пример выбора цвета:

color = Math.round(255.0*Math.random());
r = color.toString(16);

Исходный цвет указывается как

color = r + g + b;

Прошу, помогите


Ответы (1 шт):

Автор решения: EzioMercer

Добавляю 100 от балды, можете не добавлять или добавлять другое число, а беру остаток от деления на 256, потому что значения должны быть в диапазоне от 0 до 255:

<table>
  <script language="JavaScript">
    document.write("<tr><td> </td>");

    for (i = 1; i < 10; i++)
      document.write("<td>" + i + " </td>");

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

    for (i = 1; i < 10; i++) {
      document.write("<tr><td>" + i + " </td>");

      for (j = 1; j < 10; j++) {
        const r = (Math.random() * (i * j + 100)) % 256;
        const g = (Math.random() * (i * j + 100)) % 256;
        const b = (Math.random() * (i * j + 100)) % 256;

        document.write(`<td bgcolor='rgb(${r}, ${g}, ${b})'>${(i * j)}</td>`);
      }

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

→ Ссылка