var numbers, inputDOM, outputDOM, dataDOM, num, data; window.onload = function() { //DOM dataDOM = document.getElementById("datapage"); inputDOM = document.getElementById("input"); outputDOM = document.getElementById("output"); num = 0; setupSort(); } function setupSort() { alert("Please type in a set of numbers to be sorted. Seperate Them with spaces"); var userInp = prompt("Please type in a set of numbers to be sorted. Seperate Them with spaces"); if(userInp !== "" && userInp !== null) { numbers = userInp.split(" "); sort(); } } function sort() { dataDOM.innerHTML = "New Sort

"; inputDOM.innerHTML = "Input: "; for(n = 0; n < numbers.length; n++) { inputDOM.innerHTML += "

"+numbers[n]+"

"; } num = 0; while(num < numbers.length) { num = 0; for(var i = 0; i < numbers.length; i++) { if(parseInt(numbers[i]) > parseInt(numbers[i+1])) { var temp = numbers[i]; numbers[i] = numbers[i+1]; numbers[i+1] = temp; } else { num += 1; } dataDOM.innerHTML += numbers+"
"; } } outputDOM.innerHTML = "Output: "; for(n = 0; n < numbers.length; n++) { outputDOM.innerHTML += "

"+numbers[n]+"

"; } } function showHideData() { if(document.getElementById("datapage").style.display == "block"){ document.getElementById("datapage").style.display = "none"; } else if(document.getElementById("datapage").style.display = "none") { document.getElementById("datapage").style.display = "block"; } }

Bubble Sort in Web