jst2.html

<!DOCTYPE html>
<html>
<head>
    <title>String Sorter</title>
</head>
<body>
    <h1>String Sorter</h1>
    <p>Enter a string to sort:</p>
    <input type="text" id="inputString">
    <button onclick="sortAndDisplay()">Sort</button>
    <p>Sorted result:</p>
    <p id="sortedResult"></p>

    <script>
        function sortStringAlphabetically(inputString) {
            const charArray = inputString.split('');
            charArray.sort();
            return charArray.join('');
        }

        function sortAndDisplay() {
            const inputElement = document.getElementById('inputString');
            const inputString = inputElement.value;
            const sortedResult = sortStringAlphabetically(inputString);
            document.getElementById('sortedResult').textContent = sortedResult;
        }
    </script>
</body>
</html>