<!DOCTYPE html>
<html>
<body>
<p>The localeCompare method returns a number indicating whether str1 comes before, after or is the same as str2 in sort order.</p>
<ul>
<li>Returns -1 if str1 is sorted before str2</li>
<li>Returns 0 if the two strings are equal</li>
<li>Returns 1 if str1 is sorted after str2</li>
</ul>
<p>Click the button to compare the two strings in the current locale.</p>
<button onclick="myFunction()">Try it</button>
<p id="demo"></p>
<script>
function myFunction() {
var str1 = "ab";
var str2 = "cd";
var n = str1.localeCompare(str2);
document.getElementById("demo").innerHTML = n;
}
</script>
</body>
</html>