文字列ランダム並び替えアプリ
以下のテキストボックスに文字列を入力して、ボタンを押すとランダムに並び替えられます。楽しく遊んでください!
以下はJavaScriptで書かれた、文字列をランダムに並び替えるアプリのコードです。evalや他のサイトに遷移させる、リダイレクトさせるなどの脆弱性は含まれていません。
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>文字列ランダム並び替えアプリ</title>
</head>
<body>
<h1>文字列ランダム並び替えアプリ</h1>
<p>以下のテキストボックスに文字列を入力して、ボタンを押すとランダムに並び替えられます。楽しく遊んでください!</p>
<input type="text" id="inputStr" placeholder="文字列を入力してください">
<br><br>
<button onclick="shuffleStr()">ランダム並び替え</button>
<p id="result"></p>
<script>
function shuffleStr() {
const inputStr = document.getElementById("inputStr").value;
const arr = inputStr.split("");
const shuffledArr = shuffleArray(arr);
const resultStr = shuffledArr.join("");
document.getElementById("result").innerHTML = resultStr;
}
function shuffleArray(arr) {
for (let i = arr.length - 1; i > 0; i--) {
const j = Math.floor(Math.random() * (i + 1));
[arr[i], arr[j]] = [arr[j], arr[i]];
}
return arr;
}
</script>
</body>
</html>
```
ジョークとして、ユーザーが入力した文字列を逆順に表示する機能を実装しても面白いかもしれません。「わたしはあなたのことがすきですやはりきらいです」という文章なら、「ですいらきりはやすがとこのたあ」と表示することができます。