JSFiddle - React, Tailwind, and code Playground
HTML
<body>
<div id="things"></div>
<script>
$(document).ready(function() {
var numbersThatAreInOneString = prompt("Enter numbers separated by commas. Note that big numbers are slower to sort because they're bigger.");
var numbersThatAreStrings = numbersThatAreInOneString.split(',');
var numbersThatAreActuallyNumbers = [];
for(var i = 0; i < numbersThatAreStrings.length; i++) {
numbersThatAreActuallyNumbers.push(parseFloat(numbersThatAreStrings[i]));
}
for(var i = 0; i < numbersThatAreActuallyNumbers.length; i++) {
var currentNumberToSort = numbersThatAreActuallyNumbers[i];
constructSortingEngine(currentNumberToSort);
}
});
function constructSortingEngine(number) {
window.setTimeout(function() {
console.log(number);
$('#things').append('<marquee loop="1" direction="left">' + number + '</marquee>');
}, number*1000);
}
</script>
</body>