Показать сообщение отдельно
  #16 (permalink)  
Старый 12.12.2017, 16:15
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,108

riddele_for_you,
<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
      .matrix input{
         width: 20px;
         margin: 5px;
      }

  </style>
</head>

<body>
<h2 style="text-align: center;">Решение методом Закревского</h2>
 <div class="calc" id="frtabl">
 Размер матрицы:
 <select onchange="oms_mhwA(this.value)">
 <option value="2" selected="selected">2×2</option>
 <option value="3">3×3</option>
 <option value="4">4×4</option>
 <option value="5">5×5</option>
 <option value="6">6×6</option>
 <option value="7">7×7</option>
 </select>
 <p>Выберете размерность матрицы, после введите значения Матрицы A:</p>
</div>
<div class="matrix" oninput="createMatrix()"></div>
<div class="show"></div>
<button onclick="oms_zakra(createMatrix())">calc</button>
<script>
var num = 2;
function print(a, e, b) {
  a = a.reduce(function(a, b) {
    return a + "<div>" + JSON.stringify(b) + "</div>";
  }, e);
  document.querySelector(".show").innerHTML = a + b;
}
function oms_mhwA(el) {
  num = el;
  var matrix = document.querySelector(".matrix");
  matrix.innerHTML = "";
  for (var i = 0; i < el; i++) {
    for (var k = 0; k < el; k++) {
      matrix.innerHTML += '<input type="text" value="1">';
    }
    matrix.innerHTML += "<br>";
  }
  createMatrix();
}
function createMatrix() {
  var el = num;
  var matrix = [], inp = document.querySelectorAll(".matrix input");
  for (var i = 0; i < inp.length; i++) {
    if (!(i % el)) {
      matrix.push([]);
    }
    matrix[i / el | 0].push(+inp[i].value);
  }
  print(matrix, "", "");
  return matrix;
}
oms_mhwA(num)

function oms_zakra(m)
{
   alert(JSON.stringify(m));
}
 </script>
</body>
</html>
Ответить с цитированием