Таблица рандомных цветов
делаю проект для колледжа, есть задача:
Взять за основу сценарий скрипта для таблицы умножения, сделайте таблицу случайных цветов.
Вот сам код таблицы умножения:
<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>