Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Создание Таблицы-матрицы при помощи JS (https://javascript.ru/forum/misc/66603-sozdanie-tablicy-matricy-pri-pomoshhi-js.html)

Rocombo 27.12.2016 00:39

Создание Таблицы-матрицы при помощи JS
 
Подскажите , надо создать функцию при момощи метода document.write
и чтобы было характерное наполнение цифрами. как на кратинке

Тут подсказывают, что надо использовать 2 мерные массивы еще, но пока руки дошли только до создания таблицы с помощью JS
<table id="myDynamicTable"></table>
function addTable() {
            var myTableDiv = document.getElementById("myDynamicTable");
            var table = document.createElement('TABLE');
            table.border = '1';
            var tableBody = document.createElement('TBODY');
            table.appendChild(tableBody);
            for (var i = 0; i < 5; i++) {
                var tr = document.createElement('TR');
                tableBody.appendChild(tr);
                for (var j = 0; j < 5; j++) {
                    var td = document.createElement('TD');
                    td.width = '75';
                    td.appendChild(document.createTextNode(  " " + j));
                    tr.appendChild(td);
                }
            }
            myTableDiv.appendChild(table);
        }
        addTable()



Подскажите пожалуйста, как ее корректно заполнить?

рони 27.12.2016 00:48

Rocombo,
<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  </style>


</head>

<body>
<div id="myDynamicTable"></div>
 <script>
function addTable() {
            var myTableDiv = document.getElementById("myDynamicTable");
            var table = document.createElement('TABLE');
            //table.border = '1';
            var tableBody = document.createElement('TBODY');
            table.appendChild(tableBody);
            for (var i = 0; i < 5; i++) {
                var tr = document.createElement('TR');
                tableBody.appendChild(tr);
                for (var j = 0; j < 5; j++) {
                    var td = document.createElement('TD');
                    //td.width = '75';
                    td.appendChild(document.createTextNode(  j == i ? 1  : j <  i ? 2 : 3 ));
                    tr.appendChild(td);
                }
            }
            myTableDiv.appendChild(table);
        }
        addTable()

  </script>
</body>
</html>

Rocombo 27.12.2016 00:53

рони,
Вы лучший человек на Планете, спасибо!


Часовой пояс GMT +3, время: 00:09.