JSFiddle - React, Tailwind, and code Playground

HTML

<body>

<script>
function test(a, b) {
    var re = new RegExp("^([a-zA-Z]*)([0-9]*)");    
    var x = re.exec(a);
    var y = re.exec(b);
    
    if (x[1] > y[1])
        return -1;
    if (x[1] < y[1])
        return 1;
        
    return ((x[2] < y[2]) ? 1 : ((x[2]) > y[2] ? -1 : 0));
} 
    
result = test('A11', 'A10');
document.write(result)
</script>

</body>

JavaScript

function test(a, b) {
    var re = new RegExp("^([a-zA-Z]*)([0-9]*)");    
    var x = re.exec(a);
    var y = re.exec(b);
    
    if (x[1] > y[1])
        return -1;
    if (x[1] < y[1])
        return 1;
        
    return ((x[2] < y[2]) ? 1 : ((x[2]) > y[2] ? -1 : 0));
}    
    
var result = test('A1', 'A2');