JSFiddle - React, Tailwind, and code Playground

by spring1975

HTML

<div class="output"></div>

JavaScript

function printArray(arr){
	var output = '';
	for(i in arr){
		output += arr[i] + ' ';
	}
    var p = $('<div>').text(output);
    debugger;
	$('.output').append(p);
}

function start() {
	var pass = 0,
	unsorted = [4,3,2,1],
	unsortedNumLen = (unsorted.length-1),
    swaps = 0;
        
	while(pass != unsortedNumLen)
	{
		for(var i=0,j=1; i < unsortedNumLen-1 && j < unsortedNumLen; i++,j++)
		{
			if (unsorted[i] > unsorted[j])
			{
				pass = 0;
				swaps++;
				console.log("Swapping {0} and {1}:\t", unsorted[i], unsorted[j]);
				tmp = unsorted[i];
				unsorted[i] = unsorted[j];
				unsorted[j] = tmp;
				printArray(unsorted);
			}

			else 
            {
                pass++;
                debugger;
            }
		}
	}
}

$('document').ready(function(){
    start();
});