JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//coffeescript.org/extras/coffee-script.js"></script>
<script type="text/coffeescript">
    f=(s)->[a,b]=((t=s.split '-').map (y)->Array((m=Math.max) 1,1+(m ((l=(c)->c.length) t[0]),l t[1])-l y).join('\u0000')+y);`b<a?-1:(b>a?1:0)`
    
    console.log 'Examples:'
    console.log f("7-9")         ,  1
    console.log f("A-9")         , -1
    console.log f("11-Z")        , -1
    console.log f("3h~J*-3h~J*") ,  0
    console.log f("Xv-Y0")       ,  1
</script>