var size=0; var input=[]; var p=[]; var array=[]; function first(){ document.getElementById("add").onclick=add; document.getElementById("sort").onclick=sortem; } //ROOM FOR IMPROVEMENT //------------------------------ // why am i storing the input ? function add(){ input[size]=document.createElement('input'); input[size].type='text'; input[size].id=`input${size}`; input[size].placeholder=`number number number ... number`; input[size].oninput=function(){ this.value = this.value.replace(/[^0-9 \.]/, ''); let idx=parseInt(this.id.substr(5)); array[idx]=this.value.trim().split(/\s+/).map(Number); p[idx].innerHTML=display(array[idx]); }; p[size] = document.createElement('p'); document.getElementById('input').appendChild(input[size]); document.getElementById('result').appendChild(p[size++]); } //ROOM FOR IMPROVEMENT //------------------------------ // why am i rewriting sorting code ? async function sortem(){ var allar=[]; for(let x=0;xr[j]){ min=j; } await sleep(250); } if(min!=i) r[i]=[r[min], r[min]=r[i]][0]; } allar=allar.concat(r); p[x].innerHTML=display(r); } q=document.getElementById("hiya"); q.innerHTML=display(allar); for(let i=0;iallar[j]){ min=j; } await sleep(100); } if(min!=i)allar[i]=[allar[min], allar[min]=allar[i]][0]; } q.innerHTML=display(allar); } function display(arr,swap=-1,minus=-1, cur=-1){ ret=""; for(let i=0;i${arr[minus]}`:(swap==i)?`${arr[swap]}`:(i==cur)?`${arr[cur]}`:arr[i]}, `; if(swap==i)ret+=`${arr[swap]}`; else if(minus==i)ret+=`${arr[minus]}`; else if(cur==i)ret+=`${arr[cur]}`; else ret+=arr[i]; ret+=", "; } return ret.substring(0,ret.length-2); } function sleep(ms) { return new Promise(resolve => setTimeout(resolve, ms)); } //i'm sleepy

sorter with display