Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #11 (permalink)  
Старый 12.01.2020, 19:21
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,064

Zabuza9090,
клик то зачем если создали сразу как нужно?
1 цикл создаём отсортированные колонки
2 цикл создаём из колонок таблицу.
Ответить с цитированием
  #12 (permalink)  
Старый 12.01.2020, 19:37
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,064

Zabuza9090,
<!DOCTYPE html>
<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  </style>
</head>
<body>
    Число строк:
    <input id="str" type="text" value="4" maxlength="3" size="10" onkeyup="this.value=this.value.replace(/[^0-9]+/g,''); isright(this);" />
    Число столбцов:
    <input id="slb" type="text" value="7" maxlength="3" size="10" onkeyup="this.value=this.value.replace(/[^0-9]+/g,''); isright(this);" />
    <button id="create">Создать таблицу</button>
    <style>
      td {
        border: 1px solid black;
        width: 70px;
        height: 10px;
      }
    </style>
    <script type="text/javascript">
        function isright(obj)
        {
        if (obj.value>100) obj.value=100;
        if (obj.value<0) obj.value=0;
        }
      document.getElementById("create").onclick = function() {
        var a, b, tableElem, rowElem, colElem;
        a = +document.getElementById("str").value;
        b = +document.getElementById("slb").value;
        if (a == "" || b == "") {
          alert("Пожалуйста введите кол-во строк и столбцов от 0 до 100");
        } else {
          tableElem = document.createElement("table");
        var colums = [];
        for (var i = 0; i < b; i++) {
            colums[i] = Array.from(Array(a), _ => Math.round(Math.random()*100)).sort((a,b)=> a - b)
        }
       for (var i = 0; i < a; i++) {
            rowElem = document.createElement("tr");
            for (var j = 0; j < b; j++) {
              colElem = document.createElement("td");
              colElem.innerHTML = colums[j][i];
              rowElem.appendChild(colElem);
            }
            tableElem.appendChild(rowElem);
          }
          document.body.appendChild(tableElem);
        }
      };
    </script>
  </body>
</html>
Ответить с цитированием
  #13 (permalink)  
Старый 12.01.2020, 20:01
Новичок на форуме
Отправить личное сообщение для Zabuza9090 Посмотреть профиль Найти все сообщения от Zabuza9090
 
Регистрация: 08.01.2020
Сообщений: 9

рони,
Спасибо большое, я что то не мог сообразить это сразу
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Сортировка таблицы при условии denis_kontarev Общие вопросы Javascript 3 26.09.2019 15:31
сортировка строк таблицы atanov Javascript под браузер 17 10.01.2018 18:10
Передача динамической таблицы в Excel j.r.r Общие вопросы Javascript 5 30.06.2013 22:26
Сортировка таблицы (даты) edmundantes Элементы интерфейса 4 17.05.2012 09:51
Сортировка таблицы, при помощи js Prizrak177 Общие вопросы Javascript 10 02.09.2010 12:17