open_in_new content_copy 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Sorting and Reversing Arrays</title>
</head>
<body>
    <h1>Sorting and Reversing Arrays</h1>
    <pre id="output"></pre> <!-- Preformatted text area for output -->

    <script>
        // Define an array of numbers
        const numbers = [4, 2, 5, 1, 3];
        let result = "Original Numbers: " + numbers.join(", ") + "\n";

        // Sort numbers in ascending order
        const sortedNumbers = [...numbers].sort((a, b) => a - b);
        result += "Sorted Numbers (Ascending): " + sortedNumbers.join(", ") + "\n";

        // Reverse the sorted numbers
        const reversedNumbers = [...sortedNumbers].reverse();
        result += "Reversed Numbers: " + reversedNumbers.join(", ") + "\n\n";

        // Define an array of fruits
        const fruits = ["Banana", "Orange", "Apple", "Mango"];
        result += "Original Fruits: " + fruits.join(", ") + "\n";

        // Sort fruits alphabetically
        const sortedFruits = [...fruits].sort();
        result += "Sorted Fruits: " + sortedFruits.join(", ") + "\n";

        // Reverse the sorted fruits
        const reversedFruits = [...sortedFruits].reverse();
        result += "Reversed Fruits: " + reversedFruits.join(", ");

        // Display the result in the HTML page
        document.getElementById("output").textContent = result;
    </script>
</body>
</html>