Доброго времени суток ! Нужно наглядно с помощью анимации отобразить сортировку массива методом пузырёк. Обязательное условие : использование jQuery. В js я новичок. Есть идея отобразить каждый элемент массива в кружке, и просто менять кружки местами при шаге алгоритма сортировки, проблемы только с реализацией
Буду рад даже совету,
На данный момент есть такой код, который генерирует рандомный массив и затем сортирует его пузырьком:
<!DOCTYPE html>
<html>
<head>
RANDOM MASSIVE
</head>
<body>
<script language="JavaScript" type="text/javascript">
function random(min,max,l)
{var arr = [],m = [],n = 0;
if (max - min < l-1) return;
for (var i=0; i<=(max-min); i++)m[i] = i + min;
for (var i=0; i<l; i++) {n = Math.floor(Math.random()*(m.length)); arr[i]=m.splice(n,1)[0];};
var mos = arr.slice();
document.write(arr);
document.write(' - otsortirovanniy - ');
{var count = mos.length-1;
for (var i = 0; i < count; i++)
for (var j = 0; j < count-i; j++)
if (mos[j]> mos[j+1]) {
var max = mos[j];
mos[j] = mos[j+1];
mos[j+1] = max;
}
document.write(mos);
return(arr);
}
}
document.write(JSON.stringify(random(0,20,10)));
</script>
</body>