DVV,
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
td{
height: 50px;
width: 50px;
}
table {
border-collapse: collapse;
}
</style>
</head>
<body>
<script>
var colorArray = ["#CD5C5C", "#7FFF00", "#228B22", "#FFA07A", "#FFFF00", "#008B8B", "#4682B4", "#FFA500", "#0000FF", "#D2691E"];
;(function () {
function drawTable(row, col) {
var num;
var html = "<table>";
for (var i = 0; i < row; i++) {
html += "<tr>";
for (var j = 0; j < col; j++) {
num = Math.floor(Math.random() * colorArray.length);
html += "<td style='background-color: "+colorArray[num]+";'>";
html += "</td>";
}
html += "</tr>";
}
html += "</table>";
return html;
}
var columns = prompt("Введите кол-во колонок");
while (isNaN(columns) || columns < 1 || columns * 10 % 10 !== 0) {
columns = prompt("Некорректные данные! Введите кол-во колонок");
}
var rows = prompt("Введите кол-во строк");
while (isNaN(rows) || rows < 1 || rows * 10 % 10 !== 0) {
rows = prompt("Некорректные данные! Введите кол-во строк");
}
document.write(drawTable(rows, columns));
})();
</script>
</body>
</html>