Syntax error How to sort strings with accented characters using JavaScript?

How to sort strings with accented characters using JavaScript?



Following is the code to sort strings with accented characters in JavaScript −

Example

 Live Demo

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<style>
   body {
      font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
   }
   .result,.sample {
      font-size: 18px;
      font-weight: 500;
      color:blueviolet
   }
   .sample{
      color:red;
   }
</style>
</head>
<body>
<h1>Sort strings with accented characters </h1>
<div class="sample">[qué,cómo,dóndé,quién,cuánto,cuántos]</div><br>
<div class="result"></div>
<br>
<button class="Btn">CLICK HERE</button>
<h3>Click on the above button to sort the above array </h3>
<script>
   let resEle = document.querySelector('.result');
   let BtnEle = document.querySelector('.Btn');
   let arr = ['qué','cómo','dóndé','quién','cuánto','cuántos'];
      BtnEle.addEventListener('click',function(){
         resEle.innerHTML= arr.sort(function (a, b) {
            return a.localeCompare(b);
      });
   });
</script>
</body>
</html>

Output

On clicking the ‘CLICK HERE’ button −


Updated on: 2020-07-17T11:52:50+05:30

414 Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements