JSFiddle - React, Tailwind, and code Playground

by Murali Kaliappan

HTML

<input type="text" placeholder="enter any characters">
<button type="submit">
Submit
</button>

<div id="result">


</div>

JavaScript

$("button").click(function(){
	var charArr = $("input").val().split(",");
  $("#result").empty();
  var index = 0;
  for(var i = index; i<charArr.length ; i++){
  	if(charArr[i]>=0 && charArr[i]<=9){
    	index = i+1;
    	continue;
    } 
    for(var j = i+1 ; j<charArr.length ; j++){
      if(charArr[j]<=9 && charArr[j]>=0){
        var temp = charArr[j];
        charArr[j] = charArr[i];
        charArr[i] = temp;
        index = i+1;
        break;
      }
   }
  
 }
  
  for(var i = index; i<charArr.length ; i++){
  	if((charArr[i]>='a' && charArr[i]<='z') || (charArr[i]>='A' && charArr[i]<='Z')){
    	continue;
    }
    for(var j = i+1 ; j<charArr.length ; j++){
    if((charArr[j]>='a' && charArr[j]<='z') || (charArr[j]>='A' && charArr[j]<='Z')){
    	var temp = charArr[j];
      charArr[j] = charArr[i];
      charArr[i] = temp;
      break;
    }
   }
  
 }
  $("#result").append("<p>"+charArr+"</p>");
})