# Sorting Names in an Array Alphabetically : Frontend Coding Exercise

**URL:** https://forum.kirupa.com/t/sorting-names-in-an-array-alphabetically-frontend-coding-exercise/658348
**Category:** Uncategorized
**Created:** [April 22, 2023, 5:42pm UTC](https://forum.kirupa.com/t/sorting-names-in-an-array-alphabetically-frontend-coding-exercise/658348 "2023-04-22T17:42:37Z")
**Posts on this page:** 6
**Page:** 1

<div class="post-metadata">

### Author: ![kirupa](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/kirupa/32/11616_2.png) [@kirupa](https://forum.kirupa.com/u/kirupa)
#### Post date: [April 22, 2023, 5:42pm UTC](https://forum.kirupa.com/t/sorting-names-in-an-array-alphabetically-frontend-coding-exercise/658348/1 "2023-04-22T17:42:37Z")

</div>

This is where you can share your code for solving the [Sorting Names in an Array Alphabetically](https://www.kirupa.com/codingexercises/sort_names_alphabetically.htm) exercise 🙂

---

<div class="post-metadata">

### Author: ![PAEz](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/paez/32/19607_2.png) [@PAEz](https://forum.kirupa.com/u/PAEz)
#### Post date: [April 22, 2023, 5:45pm UTC](https://forum.kirupa.com/t/sorting-names-in-an-array-alphabetically-frontend-coding-exercise/658348/2 "2023-04-22T17:45:31Z")

</div>

The title for the page is wrong 😉

---

<div class="post-metadata">

### Author: ![kirupa](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/kirupa/32/11616_2.png) [@kirupa](https://forum.kirupa.com/u/kirupa)
#### Post date: [April 22, 2023, 5:50pm UTC](https://forum.kirupa.com/t/sorting-names-in-an-array-alphabetically-frontend-coding-exercise/658348/3 "2023-04-22T17:50:46Z")

</div>

You are fast! haha. I just fixed it 🙂

---

<div class="post-metadata">

### Author: ![cynna\_416](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/cynna_416/32/22342_2.png) [@cynna\_416](https://forum.kirupa.com/u/cynna_416)
#### Post date: [June 13, 2023, 10:14pm UTC](https://forum.kirupa.com/t/sorting-names-in-an-array-alphabetically-frontend-coding-exercise/658348/4 "2023-06-13T22:14:15Z")

</div>

HTML:

 Sort Names in an Array Alphabetically 
# Sort Names in an Array Alphabetically
  

## Instructions:

Arrange names in array in alphabetical order. Display results in console

CSS:  
body {  
background-color: cyan;  
color: deeppink;  
font-family: geneva, sans-serif;  
}  
h1 {  
text-align: center;  
letter-spacing: .5px;  
word-spacing: 1.2px;  
text-shadow: 2px 2px 2px yellow;  
}  
h2 {  
text-align: center;  
}  
p {  
text-align: center;  
}

JS:  
// Create an array of the names  
const gotCharacters = [  
“Jon Snow”,  
“Tyrion Lannister”,  
“Daenerys Targaryen”,  
“Arya Stark”,  
“Sansa Stark”,  
“Cersei Lannister”,  
“Jaime Lannister”,  
“Joffrey Baratheon”,  
“Robb Stark”,  
“Bran Stark”,  
“Stannis Baratheon”,  
“Margaery Tyrell”,  
“Theon Greyjoy”,  
“Ramsay Bolton”,  
“Petyr Baelish”  
];

// Sort the array of names alphabetically  
gotCharacters.sort();

// Print the sorted array to the console  
console.log(gotCharacters);

---

<div class="post-metadata">

### Author: ![kirupa](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/kirupa/32/11616_2.png) [@kirupa](https://forum.kirupa.com/u/kirupa)
#### Post date: [June 13, 2023, 11:13pm UTC](https://forum.kirupa.com/t/sorting-names-in-an-array-alphabetically-frontend-coding-exercise/658348/5 "2023-06-13T23:13:29Z")

</div>

Nicely done, @cynna_416! You have earned yourself a shiny new badge 🏆

---

<div class="post-metadata">

### Author: ![cynna\_416](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/cynna_416/32/22342_2.png) [@cynna\_416](https://forum.kirupa.com/u/cynna_416)
#### Post date: [June 14, 2023, 4:44am UTC](https://forum.kirupa.com/t/sorting-names-in-an-array-alphabetically-frontend-coding-exercise/658348/6 "2023-06-14T04:44:01Z")

</div>

```auto
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Sort Names in an Array Alphabetically</title>
    <!--<link rel="stylesheet" href="sortArrNamesStyles.css">-->
</head>
<body>
    <h1>Sort Names in an Array Alphabetically</h1>
    <br>
    <h2><u>Instructions:</u></h2>
    <p>Arrange names in array in alphabetical order. Display results in console</p>

    <script>
        // Create an array of the names
        const gotCharacters = [
            "Jon Snow",
            "Tyrion Lannister",
            "Daenerys Targaryen",
            "Arya Stark",
            "Sansa Stark",
            "Cersei Lannister",
            "Jaime Lannister",
            "Joffrey Baratheon",
            "Robb Stark",
            "Bran Stark",
            "Stannis Baratheon",
            "Margaery Tyrell",
            "Theon Greyjoy",
            "Ramsay Bolton",
            "Petyr Baelish"
            ];

        // Sort the array of names alphabetically
        gotCharacters.sort();

        // Print the sorted array to the console
        console.log(gotCharacters);
    </script>
</body>
</html>

```
