Metodo de burbuja

<!doctype html>
<head>
<meta charset="utf-8">
</head>
<body>
<h1>Metodo burbuja en javascript</h1>
<script>
function burbuja(miArray)
{
for(var i=1;i<miArray.length;i++)
{
for(var j=0;j<(miArray.length-i);j++)
{
if(miArray[j]>miArray[j+1])
{
k=miArray[j+1];
miArray[j+1]=miArray[j];
miArray[j]=k;
}
}
}
return miArray;
}
miArray=Array(5,9,4,7,3,8,2,1,6);
document.write("Valores Iniciales<br>");
for(var i=0;i<miArray.length;i++)
{
document.write(miArray[i]+"<br>");
}
arrayB=burbuja(miArray);
document.write("Valores ordenados<br>");
for(i=0;i<arrayB.length;i++)
{
document.write(arrayB[i]+"<br>");
}
</script>
</body>
</html>

Puedes agregar un cuadro de texto y un botón. Ingresarías los valores separados por una coma y presionarías el botón ordenar. Dicho botón llamaría a una función previamente definida en tu script, la que realizaría todo el procedimiento, es decir, obtener los valores, separarlos, pasarle un arreglo a la función burbuja y escribir todo en pantalla.

Te doy un ejemplo, teniendo un recuadro de texto y un botón para que hagas el resto.

Código

<input type="text" id="numeros-desordenados">
<button onclick="javascript:ordenar();">Ordenar</button>

Código

function ordenar() {
    var numeros = document.getElementById('numeros-desordenados').value.split(',');
    console.log(numeros);
}

La función split dividirá el texto con los números separados por una coma (sin espacios entre medio) en partes, y devolverá un array. Luego lo verás por la consola del browser (algo así [2,3,4,1,8]). Fíjate que después de obtener el elemento del DOM, acceso a la propiedad value, que tiene el texto de input text (recuadro de texto).

El atributo onclick del botón llamará a la función ordenar cuando éste sea presionado.

Con eso ya podrías seguir avanzando.