Найти в матрице самый большой элемент и перенести его в верхний правый угол

function Generator () // функция генерации матрицы
{
// фиксируем введённые значения 
document.getElementById ('rw').readOnly = true,
document.getElementById ('cl').readOnly = true,
document.getElementById ('bG').disabled = true,
 
// выключаем проверку ввода
clearInterval (sI);
 
// запоминаем в переменных введённые значения
var R = document.getElementById ('rw').value, // количество строк
    C = document.getElementById ('cl').value; // количество столбцов
 
// создаём таблицу из R строк и C столбцов
// заполняем её случайными целыми числами от 1 до R * C (пределы я сам выбрал, вы не указали)
// по условию задачи повторения элементов допустимы, см. "...наибольший элемент (ИЛИ ОДИН ИЗ НИХ)"
var tbl = document.createElement ('table'); tbl.id = 'tb', tbl.cellSpacing = tbl.cellPadding = 0,
tbl.border = 1, tbl.style.cssText = 'margin: 20px 0; border-collapse: collapse';
 
// метод insertRow () добавляет в таблицу строку; аргумент -1 указывает, что эту строку надо
// добавлять в самый конец коллекции строк 
 
// метод insertCell () добавляет в строку ячейку; аргумент -1 указывает, что эту ячейку надо
// добавлять в самый конец коллекции ячеек строки
 
// определим стиль для ячейки
var cs = 'width: 2.5em; height: 2.5em; text-align: center; background-color: #fff; font-weight: 400';
 
for (var r = 0; r < R; r++) for (var ro = tbl.insertRow (-1), c = 0; c < C; c++)
   {
   var ce = ro.insertCell (-1);
   ce.style.cssText = cs, ce.innerHTML = Math.max (Math.floor (Math.random () * R * C), 1);
   // метод Math.random () генерирует вещественное число в пределах от 0 до 1 включительно;
   // метод Math.floor () возвращает минимальное целое, т.е. от 0 до R * C включительно;
   // нижний предел 0 нам не нужен, поэтому используем метод Math.max (), который
   // возможный ноль заменит на 1
   }
 
// выводим готовую таблицу на страницу
document.body.appendChild (tbl);
 
// создаём кнопку для запуска преобразования матрицы
var btn = document.createElement ('input'); btn.id = 'bT'; btn.type = 'button',
btn.value = 'Преобразовать матрицу';
 
// прописываем инструкцию запуска функции подготовки трансформации при клике по кнопке
btn.onclick = PreTransformer;
 
// выводим готовую кнопку на страницу
document.body.appendChild (btn);
}
 
function PreTransformer () // функция подготовки к преобразованию матрицы
{
document.getElementById ('bT').disabled = true; // отключаем кнопку
 
var tbl = document.getElementById ('tb'); // объект-таблица, она же - наша матрица
 
// сначала надо найти максимальный элемент матрицы и его индексы,
// для чего "прокрутим" циклами все строки и все ячейки в строках
for (var ind, m = r = 0, rws = tbl.rows, lr = rws.length; r < lr; r++)
for (var c = 0, cls = rws [r].cells, lc = cls.length; c < lc; c++)
if (parseInt (cls [c].innerHTML) > m) m = parseInt (cls [c].innerHTML), ind = [r, c];
 
// теперь, не только "для красоты", выделим строку и столбец с этим элементом фоном
// cтроку можно было бы сразу, одной командой rws [ind [0]].style.backgroundColor = '#efefef';
// но будем делать циклом
for (c = 0; c < lc; c++) rws [ind [0]].cells [c].style.backgroundColor = '#efefef';
 
// красим теперь столбец
for (r = 0; r < lr; r++) rws [r].cells [ind [1]].style.backgroundColor = '#efefef';
 
// само значение тоже выделим - жирностью (опять же - не только для "для красоты")
rws [ind [0]].cells [ind [1]].style.fontWeight = 900;
 
// ну а потом начинаем переставлять строки и столбцы
// алгоритм перестановки выбрал таким: всякий раз проверяется - что дальше от требуемого
// положения - строка или столбец и переставляется то, что дальше
// таким образом, сначала они "уравняются по дальности", а последние "шаги"
// будут попеременными - сначала столбец, потом строка
 
// чтобы функции перестановки ничего не передавать (и не плодить глобальных переменных)
// используем атрибут LANG таблицы - он никогда никем не используется
// вставим туда в виде строки индексы максимальной ячейки, разделенные дефисом
tbl.lang = ind.join ('-');
 
// запускаем преобразование
TMR = setTimeout (Transformer, 2000); // выбрал время для шага в две секунды
}
 
function Transformer ()                           // функция преобразования матрицы
{
clearTimeout (TMR);                               // очищаем таймер
 
var tbl = document.getElementById ('tb'),         // объект-таблица, она же - наша матрица
    rws = tbl.rows,                               // коллекция строк таблицы
    t = tbl.lang.split ('-'),
    R = parseInt (t [0]),                         // индекс текущей строки
    C = parseInt (t [1]),                         // индекс текущего столбца
    L = document.getElementById ('cl').value - 1; // индекс последнего столбца
 
// так как функция Transformer может быть вызвана, когда достигли
// финального положения, проверяем это
 
if (R == 0 && C == L)                             // урряя! мы в финале
   {
   // убираем раскраску первой строки и последнего столбца
   for (var c = 0; c <= L ; c++) rws [0].cells [c].style.backgroundColor = '#fff';
   for (var r = 0, lr = rws.length; r < lr; r++)
      rws [r].cells [C].style.backgroundColor = '#fff';
 
   // убираем жирность
   rws [R].cells [C].style.fontWeight = 400;
 
   alert ('Преобразование завершено');            // сообщаем юзеру о завершении
   return;                                        // выходим из функции
   }
 
// если на данном этапе мы ещё в функции, то, значит, надо ещё что-то переставить
 
// определяем, что "дальше" от требуемого положения - строка или столбец
if (R > L - C)                            // если строка "дальше" столбца, переставляем строку
   {
   // меняемся свойствами ячеек текущей строки со строкой выше (фон, значения и жирность)
   for (var c = 0; c <= L; c++)
      {
      var tmp = rws [R].cells [c].innerHTML;
      rws [R].cells [c].innerHTML = rws [R - 1].cells [c].innerHTML,
      rws [R - 1].cells [c].innerHTML = tmp;
 
      if (c == C)
         rws [R].cells [C].style.fontWeight = 400,
         rws [R - 1].cells [C].style.fontWeight = 900;
      else
         rws [R].cells [c].style.backgroundColor = '#fff',
         rws [R - 1].cells [c].style.backgroundColor = '#efefef';
      }
   // запоминаем новые индексы
   tbl.lang = (R - 1) + '-' + C;
   }
else // столбец "дальше" строки, переставляем столбец - перекрашиваем, меняем значения и жирность
   {
   for (var r = 0, lr = rws.length; r < lr; r++)
      {
      if (r == R)
         rws [R].cells [C].style.fontWeight = 400,
         rws [R].cells [C + 1].style.fontWeight = 900;
      else
         rws [r].cells [C].style.backgroundColor = '#fff',
         rws [r].cells [C + 1].style.backgroundColor = '#efefef';
 
 
      var tmp = rws [r].cells [C].innerHTML;
      rws [r].cells [C].innerHTML = rws [r].cells [C + 1].innerHTML,
      rws [r].cells [C + 1].innerHTML = tmp;
      }
   // запоминаем новые индексы
   tbl.lang = R + '-' + (C + 1);
   }
// вновь запускаем таймер - для следующей перестановки
TMR = setTimeout (Transformer, 2000);
}