ブラウザでJavaScriptでテキスト エリアの文からカタカナだけを複数の物は1つにしてアイウエオ順に抽出する(JavaScriptと)HTMLのコード
テキスト エリアにコピーされている文からカタカナを、複数ある物は1つにして、アイウエオ順で表示します。
Githubで(JavaScriptと)HTMLのソース コードをパブリック ドメインで公開しております。
マイクロソフトのBing検索エンジンで「github eliphas1810-tools」などで検索してみてください。
残念ながらグーグル検索エンジンでは検索できません。
不具合が有るかもしれないので利用は自己責任でお願いいたします。
2024年7月30日時点の最新のChromeとFirefoxで動作を確認しました。
コピーする場合は、2文字の全角空白を4文字の半角空白に置換してください。
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8" />
<title>カタカナ抽出</title>
<!-- Public Domain -->
</head>
<body>
<div>
<textarea id="text" cols="80" rows="10" placeholder="カタカナを抽出したい文をここに記入してください。"></textarea>
</div>
<br />
<div>
<button type="button" id="extractKatakana">カタカナ抽出</button>
</div>
<br />
<div>
<textarea id="katakana" cols="80" rows="10" placeholder="抽出されたカタカナがここに書き込まれます。"></textarea>
</div>
<br />
<br />
<div>
<button type="button" id="clear">文を消去する</button>
</div>
<script>
function $(id) {
return document.getElementById(id);
}
$("extractKatakana").onclick = function () {
var text = $("text").value;
var katakanaArray = text.match(/[ァ-ヺー][ァ-ヺー ]*/g);
if (katakanaArray == null) {
katakanaArray = [];
}
katakanaArray = Array.from(new Set(katakanaArray));
katakanaArray.sort();
$("katakana").value = katakanaArray.join("\n");
};
$("clear").onclick = function () {
$("text").value = "";
$("katakana").value = "";
};
</script>
</body>
</html>
