Показать сообщение отдельно
  #1 (permalink)  
Старый 26.12.2017, 01:52
DVV DVV вне форума
Кандидат Javascript-наук
Отправить личное сообщение для DVV Посмотреть профиль Найти все сообщения от DVV
 
Регистрация: 26.12.2017
Сообщений: 125

Раскрасить ячейки таблицы, созданной через JS
Нужно раскрасить ячейки таблицы путем выбора случайных оттенков в HEX из массива. Но код на работает. В чем ошибка не могу понять. Заранее благодарен за помощь!

<script>

    var colorArray = ["#CD5C5C", "#7FFF00", "#228B22", "#FFA07A", "#FFFF00", "#008B8B", "#4682B4", "#FFA500", "#0000FF", "#D2691E"];
    ;(function () {
        function drawTable(row, col) {

            var elem = document.getElementById('colorId');
            var num;
            var html = "<table>";


            for (var i = 0; i < row; i++) {
                html += "<tr>";
                for (var j = 0; j < col; j++) {
                    html += "<td id='colorId'>";
                    num = Math.round(Math.random() * 5);
                    elem.style.background = 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>
Ответить с цитированием